天天看点

WebP实践

WebP 图片

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

注意:由于只有 Android 4.3 及更高版本支持无损且透明的 WebP 图片,因此您的项目声明的 

minSdkVersion

 必须为 18 或更高,才能使用 Android Studio 创建无损或透明的 WebP 图片。

 要详细了解 WebP 图片格式,请参阅 WebP 网站。要详细了解如何选择正确的图片格式以提高下载速度,请参阅缩减图片下载大小。

将图片转换成 WebP

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

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

    minSdkVersion

     设置。
WebP实践

                 图 1. Converting Images to WebP 对话框 

    3.选择有损或无损编码。无损编码仅在您的 

minSdkVersion

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

     您还可以选择跳过编码后版本大于原始版本的所有文件,或所有具有透明度通道或 Alpha 通道的文件。由于 Android Studio         仅允许您在 

minSdkVersion

 设为 18 或更高时创建透明的 WebP 图片,因此,如果 

minSdkVersion

 低于 18,系统会自动选           中 Skip images with transparency/alpha channel 复选框。

   注意:9-patch 文件无法转换为 WebP 图片。转换器工具总是会自动跳过 9-patch 图片。

    4.点击 OK 开始转换。如果要转换多张图片,只需一步即可完成转换操作,并且可以撤消转换操作以便一次性还原已转换的所        有图片。如果您在上面选择了无损转换,系统会立即进行转换。图片会在原始位置进行转换。如果您选择了有损转换,请继        续执行下一步。

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

WebP实践

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

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

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

WebP实践

图 3. 将 JPG 转换为 WebP 格式(质量为 0%)

注意:如果将质量设为 100% 并且 

minSdkVersion

 设为 18 或更高,则 Android Studio 会自动切换为无损编码。

   为您查看的每张图片选择一个质量设置。如果您要转换多张图片,请点击 Next 跳转到下一张图片。 

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

将 WebP 图片转换为 PNG 格式

如果您要将项目中的 WebP 图片用于其他目的(例如,对于需要在不支持 WebP 的浏览器中正确显示图片的网页),可以使用 Android Studio 将 WebP 图片转换为 PNG 格式。要将 WebP 图片转换为 PNG 格式,请按照下列步骤操作:

  1. 在 Android Studio 中右键点击相应 WebP 图片,然后点击 Convert to PNG。
  2. 系统会显示一个对话框,询问您是要将该图片转换为 PNG 格式、删除原始 WebP 文件,还是保留原始 WebP 文件以及新的 PNG 文件。要删除原始 WebP 文件,请点击 Yes;要保留 WebP 文件以及 PNG 文件,请点击 No。图片会立即转换。

继续阅读