webp 详解

一)为什么要使用webp?

[WebP]是 Google 的一种可以同时提供有损压缩(像 JPEG 一样)和透明度(像 PNG 一样)的图片文件格式,不过与 JPEG 或 PNG 相比,这种格式可以提供更好的压缩。Android 4.0(API 级别 14)及更高版本支持有损 WebP 图片,Android 4.3(API 级别 18)及更高版本支持无损且透明的 WebP 图片。此页面介绍了如何将图片转换为 WebP 格式,以及如何将 WebP 图片转换为 PNG 格式。

二)webp图片平台都支持吗?
webp对于android来说完全支持,iOS也支持;但是对于web前端来说还有一定距离。总之对于移动开发来说都支持。很多大厂已经要求移动端使用webp,这是趋势.....

三)如何将图片转换成webp
Android Studio 可以将 PNG、JPG、BMP 或静态 GIF 图片转换为 WebP 格式。您可以转换单张图片,也可以转换包含多张图片的文件夹。要转换某张图片或包含多张图片的文件夹,请按照下列步骤操作:

1、右键点击某个图片文件或包含一些图片文件的文件夹,然后点击 Convert to WebP。
2、Converting Images to WebP 对话框随即打开。默认设置取决于当前模块的 minSdkVersion 设置

webp-convertimage_2x.png

3、选择有损或无损编码。无损编码仅在您的 minSdkVersion 设置为 18 或更高时可用。如果选择有损编码,请设置编码质量,并选择是否在保存之前查看每张转换后图片的预览效果。

您还可以选择跳过编码后版本大于原始版本的所有文件,或所有具有透明度通道或 Alpha 通道的文件。由于 Android Studio 仅允许您在 minSdkVersion 设置为 18 或更高时创建透明的 WebP 图片,因此,如果 minSdkVersion 低于 18,系统会自动选中 Skip images with transparency/alpha channel 复选框。

4、点击 OK 以开始转换。如果要转换多张图片,只需一步即可完成转换操作,并且可以撤消转换操作以便一次性还原已转换的所有图片。

如果您在上面选择了无损转换,系统会立即进行转换。图片会在原始位置进行转换。如果您选择了有损转换,请继续执行下一步。

5、如果您选择了有损转换,并且选择在保存之前查看每张转换后图片的预览效果,那么 Android Studio 会在转换过程中显示每张图片,以便您检查转换结果。(如果您未选择查看预览,Android Studio 会跳过此步骤,并立即转换图片。)在预览步骤中,您可以单独调整每张图片的质量设置,如下所述。


2.png

图 2. 将 JPG 转换为 WebP 格式(质量为 75%)

在图 2 中,左侧是原始 JPG 图片,右侧是有损编码 WebP 图片。对话框中显示了原始图片和转换后图片的文件大小。您可以向左或向右拖动滑块以更改质量设置,并能够立即看到编码图片的效果和文件大小。

中间区域显示了原始图片和编码后图片的哪些像素存在差异。在图 2 中,由于质量设置为 75%,因此这两种图片之间几乎没有任何差异。图 3 显示了质量设置为 0% 的同一编码图片。


3.png

图 3. 将 JPG 转换为 WebP 格式(质量为 0%)
为您查看的每张图片选择一个质量设置。如果您要转换多张图片,请点击 Next 跳转到下一张图片。

6、点击 Finish。图片会在原始位置进行转换。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容