求助：无法通过.htaccess提供WebP格式图片的问题

前置排查（先确认这些配置没问题） #

• 确认Apache的mod_rewrite和mod_headers模块已启用，可通过phpinfo()或服务器配置文件检查。
• 确保WebP文件的权限和对应JPG/PNG一致，服务器能正常读取（一般设为644或755）。
• 用浏览器开发者工具确认请求头的Accept字段包含image/webp（现代浏览器默认都支持，但可以手动验证）。
• 你的.htaccess规则必须放在WordPress默认规则（# BEGIN WordPress块）之前，否则会被WP的规则覆盖。

正确的.htaccess规则 #

针对你的场景（uploads子目录下，WebP文件名为原文件名.jpg.webp），使用以下规则：

<IfModule mod_rewrite.c>
RewriteEngine On

# 仅匹配wp-content/uploads下的图片请求
RewriteCond %{REQUEST_URI} ^/wp-content/uploads/ [NC]
# 检查浏览器是否支持WebP格式
RewriteCond %{HTTP_ACCEPT} image/webp
# 验证对应WebP文件是否存在（原文件路径后追加.webp）
RewriteCond %{REQUEST_FILENAME}.webp -f
# 重写请求到WebP文件，设置正确的MIME类型，并标记需要添加Vary头
RewriteRule ^(.+)\.(jpg|jpeg|png|gif)$ $1.$2.webp [T=image/webp,E=VARY_ACCEPT:1,L]
</IfModule>

# 注册WebP的MIME类型，确保服务器能正确识别
AddType image/webp .webp

# 给WebP请求添加Vary: Accept头，避免缓存混乱
<IfModule mod_headers.c>
Header append Vary Accept env=VARY_ACCEPT
</IfModule>

为什么你之前的规则失效？ #

• 文件名匹配错误：你大部分规则中重写目标是$1.webp，但你的WebP文件实际是原文件名.jpg.webp（即$1.$2.webp），路径不匹配导致服务器找不到文件，自然不会触发重写。
• 规则顺序错误：如果把自定义规则放在WP默认规则之后，WP的重写逻辑会优先处理，覆盖你的规则。
• 部分规则缺少浏览器支持检查：直接重写会导致不支持WebP的浏览器也拿到WebP文件，引发显示问题，同时也可能因为条件不严谨导致规则不触发。

验证方法 #

1. 保存修改后的.htaccess，清空浏览器缓存后刷新页面。
2. 打开开发者工具（F12）→ 网络面板，找到图片请求：
   • 查看响应头的Content-Type是否为image/webp。
   • 查看响应头是否包含Vary: Accept。
3. 如果仍不生效，检查Apache错误日志，看是否有重写相关的错误提示（比如文件权限、路径匹配问题）。

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