WordPress站点.htaccess配置问题：WebP不兼容时无法返回JPG降级

你的.htaccess代码只覆盖了JPG降级场景，还存在正则匹配、逻辑覆盖不全的问题，导致未生效。下面是具体排查要点和修复后的完整方案：

排查基础问题 #

• 确认服务器已启用mod_rewrite模块：可以通过主机面板或phpinfo()页面检查模块状态
• 验证文件路径匹配：请求的xxx.webp对应的xxx.jpg/xxx.png必须和WebP文件在同一目录，确保%{DOCUMENT_ROOT}%1.jpg能正确定位到文件
• 检查浏览器请求头：用开发者工具的网络面板查看请求的HTTP_ACCEPT头，确认不支持WebP的浏览器确实没有包含image/webp字段

修复后的完整代码 #

<IfModule mod_rewrite.c>
RewriteEngine On
# 不支持WebP时优先返回同名JPG
RewriteCond %{HTTP_ACCEPT} !image/webp
RewriteCond %{REQUEST_URI} (?i)^(.*)\.webp$
RewriteCond %{DOCUMENT_ROOT}%1.jpg -f
RewriteRule (?i)^(.*)\.webp$ %1.jpg [L,T=image/jpeg]

# JPG不存在时返回同名PNG
RewriteCond %{HTTP_ACCEPT} !image/webp
RewriteCond %{REQUEST_URI} (?i)^(.*)\.webp$
RewriteCond %{DOCUMENT_ROOT}%1.png -f
RewriteRule (?i)^(.*)\.webp$ %1.png [L,T=image/png]
</IfModule>

代码修正说明 #

• 简化正则表达式，用^(.*)\.webp$精准匹配WebP文件请求路径，避免不必要的分组
• 新增PNG降级逻辑，覆盖所有备选图片格式
• 拆分规则块，确保每个降级逻辑独立生效，避免条件冲突
• 保留[L]标志，匹配到有效规则后立即终止后续重写处理

使用注意事项 #

• 所有WebP图片必须存在对应的同名JPG或PNG文件
• 将这段代码放在WordPress根目录.htaccess文件中# BEGIN WordPress注释之前，避免被WordPress默认规则覆盖
• 测试时可通过开发者工具修改HTTP_ACCEPT头，移除image/webp字段，验证是否返回对应格式图片

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