WordPress教程_使用Converter for Media压缩图片_WordPress插件_Converter for Media

本文最后更新于2024-05-23,部分内容具有时效性,如有失效,请评论留言
共计1706字,阅读大约6分钟。

为什么要压缩图片

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

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

压缩

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

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

随机文章

文章不满意?试试随机文章
好软猫文章底线(别以为我没有底线)
THE END