php - 如果支持，如何加载一个图像，如果不在 HTML 中，如何加载另一个图像

Question

我一直在改造一个网站以优化 SEO。我做的一件事是使用 Google 的 Webp 格式优化图像。但是任何版本的 Safari 都不支持 Webp。

我的问题是：如果支持，我该怎么做才能加载一个图像（Webp），如果不支持，我可以加载另一个像 JPG 这样的图像。

如果它是类似音频或视频标签的东西，那就太好了

<audio controls>
   <source src="horse.ogg" type="audio/ogg">
   <source src="horse.mp3" type="audio/mpeg">
   Your browser does not support the audio tag.
</audio>

标签： phphtml

Answer 1

如下添加您的代码，它应该很可能工作。

<picture>
    <source srcset="image.webp" type="image/webp">
    <source srcset="image.jpg" type="image/jpeg">
    <img src="image.jpg">
</picture>

此链接中提到了更多详细信息。