如何在Safari浏览器中添加WebP支持 [英] How to add webp support in Safari browser

问题描述

在我的站点中，我已经添加了所有WebP格式的图像。所有这些图像在Chrome和Firefox浏览器中都可以正常显示，但在Safari中无法正常显示。

Safari

目前推荐答案不支持webp格式，我不确定是否计划在不久的将来实现。但是您可以让浏览器选择是像这样使用webp还是jpg。

<picture>
  <source srcset="
    /uploads/img_small.webp 1x,
    /uploads/img_big.webp 2x" type="image/webp">
  <source srcset="
    /uploads/img_small.jpg 1x, 
    /uploads/img_big.jpg 2x" type="image/jpeg">
  <img src="/uploads/img_small.jpg">
</picture>

浏览器足够智能，可以仅下载和使用受支持的最佳图像。

这篇关于如何在Safari浏览器中添加WebP支持的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！