寻求Converter for Media插件对应的Nginx配置规则指导

1. 编辑Nginx配置文件 #

找到你的站点Nginx配置文件，通常位于/etc/nginx/sites-available/或/etc/nginx/conf.d/目录下，文件名类似your-site.conf。

2. 添加格式检测规则（放在http块内） #

在http全局块中添加以下映射规则，用于识别浏览器支持的图片格式：

map $http_accept $webp_suffix {
    default "";
    "~*webp" ".webp";
}

map $http_accept $avif_suffix {
    default "";
    "~*avif" ".avif";
}

# 确保Nginx能识别WebP和AVIF mime类型
types {
    image/webp webp;
    image/avif avif;
}

3. 添加图片请求重写规则（放在server块内） #

在你的站点server块中，添加以下location规则，优先返回AVIF/WebP格式（如果文件存在）：

location ~* ^/wp-content/(uploads|files)/.*\.(jpe?g|png|gif|bmp)$ {
    # 优先匹配AVIF格式
    set $target_path $uri$avif_suffix;
    if (-f $request_filename$avif_suffix) {
        rewrite ^ $target_path break;
    }

    # 其次匹配WebP格式
    set $target_path $uri$webp_suffix;
    if (-f $request_filename$webp_suffix) {
        rewrite ^ $target_path break;
    }

    # 无对应格式则返回原文件
    set $target_path $uri;
}

4. 验证配置并重启Nginx #

执行以下命令检查配置语法是否正确：

nginx -t

如果输出test is successful，就重启Nginx使配置生效：

systemctl restart nginx

注意事项 #

• 确保Converter for Media插件已成功生成对应图片的WebP/AVIF版本（通常在wp-content/uploads目录下的原图片同路径）
• 若你的WordPress使用自定义上传路径，需调整location规则中的路径匹配部分
• 测试前请清除浏览器缓存和站点缓存

内容的提问来源于stack exchange，提问作者Hax Diver