图片压缩知识梳理(8) WebP 使用详解

泽毛
2,737 阅读3分钟

一、WebP是什么

WebP、VectorDrawable、PNG、JPG一起构成了Android中四种图片的存储格式，在学习这篇文章之前，最好能看一下下面的视频和文章，这样能对WebP有一个大概的了解：

下面是上文对于WebP的概述，今天这篇文章，我们就一起来看如何在App中使用WebP。

WebP是一种支持有损压缩和无损压缩的图片文件格式，派生自图像编码格式VP8。根据Google的测试，无损压缩后的WebP比PNG文件少了45％的文件大小，即使这些PNG文件经过其他压缩工具压缩之后，WebP还是可以减少28％的文件大小。

二、兼容性问题

和VectorDrawable类似，WebP也存在兼容性的问题：

  • 在Android 4.0以前，默认是不支持*.webp，这时候如果图片源是*.webp，那么就需要导入外部的依赖，将*.webp转换成二进制流，再进行展示。
  • 在Android 4.0+到Android 4.2.1之间，只支持完全不透明的*.webp图片。
  • 在Android 4.2.1之后，对于*.webp已经完全支持，我们完全可以像使用PNG和JPG文件一样使用它。

三、PNG/JPG和WebP格式的互相转换

目前，对于PNG/JPG和WebP格式之间的互相转换，主要有下面两种方式：

3.1 使用Google提供的标准工具

对于官方的转换工具的介绍，可以查看下面这篇文档：developers.google.cn/speed/webp/…

下面，我们就来演示一下整个转换的过程：

3.2 使用开源的转换工具

此外，我们也可以使用开源的转换工具：isparta

3.3 Android Studio自带的转换工具

在Android Studio 2.3之后，已经内置了对于WebP格式转换的功能，我们只需要在图片资源上点击右键，弹出菜单的最后一个选项：

之后可以选择转换的质量，我们采用默认的配置：
在下一个界面，我们可以通过拖动底下的游标，来改变编码的质量，并实时查看转换后的图片展示效果：

四、WebP常规方案

如果Android的版本为4.2.1以上，那么像使用普通图片一样就可以了：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.demo.lizejun.repotransition.WebPActivity">
    <ImageView
        android:id="@+id/web_p_1"
        android:layout_width="match_parent"
        android:layout_height="200dp"
        android:src="@drawable/ic_bg"/>
</LinearLayout>

展示效果如下：

五、WebP兼容低版本方案

假如当前的Android版本不支持webP，那么就需要导入外部依赖：webp-android，关于兼容性的问题，大家可以参考下面这篇文章： Android Webp 完全解析 快来缩小apk的大小吧

六、参考文献

1.Image Compression For Android Developers 2.WebP 探寻之路 3.Android Webp 完全解析 快来缩小apk的大小吧 4.关于Android4.+(4.0~4.2.1)上无损、透明webp图像不显示问题分析

avatar
文章
阅读
粉丝