WordPress 加速系列（7）：使用 Converter for Media 压缩图片

插件官网： Converter for Media – 优化图像 | 转换为 WebP 和 AVIF 格式 – WordPress 插件

为什么要压缩图片

因为减少图片大小后，不仅能减少加载时间，还能降低 CDN 的流量支出。

可以在网址 https://mattplugins.com/products/webp-converter-for-media-pro 上测试一下自己的网页能被压缩减少多少大小：

插件工作原理

机翻自插件页面：

如果您刚刚安装了这个插件，您可以一键优化图像。生成 WebP 格式后，图像大小将会更小！新添加到媒体库的图像将会自动转换。
我们的图像优化器不会以任何方式修改您的原始图像。这意味着对您和您的文件来说是安全的。
当浏览器加载图像时，我们的插件会检查是否支持 WebP 格式。如果支持，就会加载 WebP 格式的图像。
插件在默认模式下不会进行重定向，因此URL始终保持不变。只有图像的MIME类型会更改为image/webp。
没有重定向意味着没有缓存问题，您的网站运行更快，没有故障。如果您想了解更多关于它是如何工作的，请查看下面的插件常见问题解答（FAQ）。
无论图像是否以 img HTML 标签显示或您使用 background-image，它始终有效！
如果通过 .htaccess 文件的规则进行重写被阻止，还提供了一种通过 PHP 文件加载图像的模式。然后，图像URL会更改，但操作逻辑与默认模式相同。
图像优化后的最终结果是，您的用户下载的数据少于原来的一半，网站本身加载更快！
您不会丢失任何东西 - 如果您需要移除插件，它会将一切都清除。它不会留下任何痕迹，因此您可以轻松地进行检查。

因为插件的工作原理，实际上会生成更多的图片占用服务器存储空间。

安装

首先下载并启用插件。

之后，插件页面应该会提示：

这是因为要设置 Nginx。原文：https://wordpress.org/plugins/webp-converter-for-media/#configuration%20for%20nginx

复制以下配置

    # BEGIN Converter for Media
    set $ext_avif ".avif";
    if ($http_accept !~* "image/avif") {
        set $ext_avif "";
    }
    
    set $ext_webp ".webp";
    if ($http_accept !~* "image/webp") {
        set $ext_webp "";
    }
    
    location ~ /wp-content/(?<path>.+)\.(?<ext>jpe?g|png|gif|webp)$ {
        add_header Vary Accept;
        expires 365d;
        try_files
            /wp-content/uploads-webpc/$path.$ext$ext_avif
            /wp-content/uploads-webpc/$path.$ext$ext_webp
            $uri =404;
    }
    # END Converter for Media

到网站 nginx 配置里，复制到所有 location 之前（这里使用宝塔）：