WordPress 教程：使用 Converter for Media 插件压缩图片

网站加载速度对用户体验和 SEO 至关重要，而图片往往是影响性能的主要因素。好软猫推荐使用 Converter for Media 插件来高效压缩 WordPress 站点中的图片。该插件支持将 JPEG、PNG 等格式自动转换为更轻量的 WebP 或 AVIF 格式，并在不明显损失画质的前提下大幅减小文件体积。本教程将手把手教你安装、配置并启用该插件，实现全站图片智能压缩与加速。

为什么要压缩图片

因为减少图片大小后，不仅能减少加载时间，还能降低 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 之前（这里使用宝塔）：

保存。接下来，宝塔打开 /www/server/nginx/conf/mime.types （非宝塔请自行使用命令搜索：sudo find / -name mime.types ），检查有无这两行，没有则添加：

image/webp webp; image/avif avif;

我的本来就有了，之后刷新插件页面，错误应该会消失。

压缩

滚到最下面点击开始即可优化之前的图片，期间不要关闭网页。不用做其他操作。

以后上传的图片会自动压缩。