往文章中贴截图的时候，如果使用压缩率较低的图片格式（jpeg/png），长时间的图片下载耗时会降低用户的阅读体验。
根据 CanIUse 的统计，目前绝大多数的网上冲浪用户使用的浏览器已经支持了 WebP/AVIF 这类高效的图片格式。
以文章开头的那张图片为例，原图大概 108KB，转换成 AVIF 格式并压缩后，体积缩小了接近 90% 。
如果想要给 WordPress 启用自动转换的功能，我推荐使用下面的免费插件，只要你的 PHP 支持 imagick/GD 插件，就可以使用。
安装完成后需要在管理面板中启用 Mordern ImageFormats 功能。
如果需要把已有的图片都转换成 WebP/AVIF，可以使用下面的插件批量转换。
安装完成后就可以在后台管理页面批量转换格式或者单独地转换格式。
一些疑问
如果用户的浏览器不支持 WebP/AVIF 该怎么办？
AVIF 在比较新的浏览器中普及率很高 只有现代 IE —— Safari 不支持，WebP 的兼容性也非常好，不过万一有人用史前时代的浏览器上网呢？
其实这个问题完全不用担心，上面介绍的插件在生成 WebP/AVIF 格式后并不会删除原图，浏览器会跟 WordPress 协商应该使用何种格式的图片向用户展示。
怎么确认我正在使用 WebP/AVIF 版本的图片？
仅仅依靠文件名无法区分图片格式，应该检查浏览器请求的响应部分，如果 Content-Type 的值为 image/avif 说明这张图片正在以 AVIF 格式展示，WebP 也是同理。
为什么图片看起来有些糊？
CompressX 插件默认使用有损压缩，建议手动调整为无损压缩选项。
为什么转换格式这么慢？
转换速度完全取决于你的服务器配置，简而言之，加钱世界可得~
为什么 PNG 图片没有被自动转换成 WebP/AVIF ？
因为 Modern Image Format 暂时还没加上这个功能，具体可以看这里的讨论：https://github.com/WordPress/performance/pull/1421。就目前而言，可以使用 CompressX 插件手动转换 PNG 图片。
发表回复