image - 如何在Safari浏览器中添加Webp支持

Question

在我的网站中，我以webp格式添加了所有图像。所有这些图像在Chrome和Firefox浏览器中都能正确显示，但在Safari中不能正确显示。

Answer 1

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>

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