Firefox 无法识别 WebP MIME 类型

Question

世界准备好迎接新的图像格式 WebP 了吗？

我正在考虑使用它，规格看起来很性感，但是，Firefox 似乎不支持它（谁知道还有哪些其他网络浏览器），我注意到 OkCupid.com 正在使用它，但如果您使用 Firefox 去那里 - 似乎他们正在提供 JPEG 而不是...

我想知道 OkCupid 是怎么做到的 - 他们是为每张图片保留额外的 JPEG，还是一个 HttpModule？？

我什至在 web.config

上添加了这个

<mimeMap fileExtension=".webp" mimeType="image/webp" />

我错过了什么吗？为什么它不适用于所有浏览器？

Answer 1

在与 James South（ImageProcessor 的创建者）交谈后，我了解到只有 Chrome 和 Opera 支持 WebP，换句话说 - 这个世界还没有为 WebP 做好准备（几年后再试）

Answer 2

世界不必准备就绪 - 您可以提供图像的两个版本，浏览器将决定采用哪一个。只需使用 <picture> 标签：

<picture>
  <source srcset="img/awesomeWebPImage.webp" type="image/webp">
  <source srcset="img/creakyOldJPEG.jpg" type="image/jpeg"> 
  <img src="img/creakyOldJPEG.jpg" alt="Alt Text!">
</picture>

如果您想在 CSS 中使用 WebP，例如背景图片，您可以使用 Modernizr 可以检测浏览器是否支持 WebP 并设置一个 CSS class 命名为 "webp".

另请参阅 Using WebP Images 了解详细说明。

Answer 3

世界现在已经准备好使用 webp https://caniuse.com/webp

更简单的实现方法是使用重写，而不是图片标签。

<Files *.webp>
Header set Vary "Accept-Encoding"
AddType "image/webp" .webp
AddEncoding webp .webp
</Files>
RewriteCond %{HTTP:Accept} image/webp
RewriteCond %{REQUEST_FILENAME}.webp -f
RewriteRule ^(.*)$ .webp [L]

Firefox 无法识别 WebP MIME 类型

WebP MIME type not recognized in Firefox

firefox

cross-browser

webp