在 htaccess 上为 webp 更改 png|jpeg

Question

我正在尝试在我的网站上显示 webp 图片，其中使用 LiteSpeed Web 服务器和 htaccess 文件有 jpeg 或 png 图片。

由于我的 webp 图片名称，sn-p 无法正常工作。我的转换器没有更改扩展名，而是将新扩展名添加到图片的全名中。示例：

普通图片的网址：

http://domain.tld/path/to/pic/image.png (or jpe?g)

webp图片网址：

http://domain.tld/path/to/pic/image.png.webp

这就是我的 htaccess 的样子：

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{HTTP_ACCEPT} image/webp
RewriteCond %{REQUEST_URI}  (.*)(\.(jpe?g|png))$
RewriteRule .* %1\.webp [L,T=image/webp] 
</IfModule>
<IfModule mod_headers.c>
Header append Vary Accept env=REDIRECT_accept
</IfModule>
AddType image/webp .webp

我认为问题出在 RewriteRule。我得到的结果是：

http://domain.tld/path/to/pic/image.webp

代替：

http://domain.tld/path/to/pic/image.png.webp (or jpe?g.webp)

我尝试将 RewriteRule 行更改为此，但没有成功：

RewriteRule .* %1\.(jpe?g|png).webp [L,T=image/webp]

有人可以对此有所了解吗？我是 htaccess 的初学者，我知道我没有使用正确的语法来使它工作。如果你们想检查页面并检查图像，这是网站：LEXSTYLE 任何帮助将非常感激。 谢谢。

Answer 1

您在规则的输出部分 ((jpeg|jpg)|png) 中有一个“或”，但没有定义条件。

要解决这个问题，您可以使用 (.*) 设置 $1，如下所示：

RewriteRule ^/path/to/imgdir(.*) /path/to/imgdir$1.webm

Wich 是安全的，因为之前您已经遇到了限制：

RewriteCond %{REQUEST_URI}  (.*)(\.(jpe?g|png))$

您可能还需要考虑在您的条件下仔细检查 .webp 文件是否存在：

RewriteCond %{DOCUMENT_ROOT}/$1\.webp -f

还请注意，首选方法变为：

<picture>
  <source srcset="/path/to/image.webp" type="image/webp">
  <img src="/path/to/image.jpg" alt="">
</picture>

（对于在 CSS 样式表中的背景文件中使用仍然无用）