WordPress使用 Converter for Media 压缩站内图片

据统计，WebP格式可以在不损失图像质量的情况下节省一半以上的页面重量。将PNG，JPG和GIF图像转换为WebP并加快您的网络速度，节省访问者下载数据，使您用户在访问网站时体验更好。

原本8M的图片现在仅600kb，图像质量没有明显的区别，URL 没有变化，但是 MIME 类型变成了 webp，工作原理见下方介绍，就是会生成更多的图片占用服务器存储空间。

使用插件转换webp格式后图片的大小是明显比之前要小很多的

可以在网址 Converter for Media PRO – your WordPress image optimizer plugin – matt plugins上测试一下自己的网页能被压缩减少多少大小：

插件官网：Converter for Media – 优化图像 | 转换为 WebP 和 AVIF 格式 – WordPress 插件 | WordPress.org China 简体中文

也可以在后台搜索插件 Converter for Media

原理

转自插件开发者介绍

安装

下载并启用插件后会出现服务器配置错误的提示

这里需要我们设置以下Nginx

官方文档：Nginx 服务器配置 – matt 插件 (mattplugins.com)

复制以下代码

    # 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;

完成后，刷新插件页面，错误提示消失，配置成功

压缩

在插件设置里可以高级设置要压缩的文件格式

常规设置里设置压缩比例，建议使用默认最佳就好，可以选择要压缩的目录以及新图像是否要执行压缩

在常规设置的最下方，有图像批量优化模块，点击开始批量优化即可