html - Webp 图像未在 iphone 的 chrome、safari 和 firefox 上加载

我的 html 页面中有两个 webp 文件类型的图像。

<img src="./assets/beros-capak.webp" class="article-image" />
<img src="./assets/mapa.webp" class="article-image" />

但是，如上图所示，第一个 webp 图像没有加载，另一个加载正常。

我已经在 iPhone 上的 chrome、firefox 和 safari 上对其进行了测试，它们都没有加载第一张图像，而在 android 和 mac pc 上都加载了两个图像而没有错误。这是为什么？

标签： htmlimagewebp

这取决于 iOS 的版本。

iOS 上的所有浏览器都使用 WebKit，因此它们都存在与 Safari 相同的兼容性问题。

根据https://caniuse.com/webp，iOS 14 及更高版本支持 WebP。