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

广告 广告 广告

免费领流量卡	流量卡包邮	美团外卖红包	饿了么红包
文字广告位	文字广告位	文字广告位	文字广告位

为什么要压缩图片

因为减少图片大小后，不仅能减少加载时间，还能降低 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;

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

压缩

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

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

广告 广告 广告

免费领流量卡	流量卡包邮	美团外卖红包	饿了么红包
文字广告位	文字广告位	文字广告位	文字广告位
文字广告位	文字广告位	文字广告位	文字广告位
广告位火热招租中 站长QQ：10448493