文章内容

2021/11/25 14:36:29,作 者: 黄兵

Safari 浏览器不支持 Webp 的解决方案


最近优化网站的时候,图片转换成 WebP 的格式,具体转换过程参考这篇文章:WebP Windows 使用总结WebP 详细信息参考这篇文章:浓缩的精华!从零开始带你认识最新的图片格式WEBP

但是在测试的时候,iPhone 6S 自带 Safari 浏览器图片无法显示,经过查询 WebP 截至今天,Safari 不支持该格式。所以才会出现图片无法显示的问题。

解决方案:

<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>

浏览器足够智能,可以只下载和使用支持最好的图像文件。


参考资料:

1、How to add webp support in Safari browser


黄兵个人博客原创。

转载请注明出处:黄兵个人博客 - Safari 浏览器不支持 Webp 的解决方案

Gmail 转发多个地址
友情链接
分享到:

发表评论

评论列表