文章内容
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
黄兵个人博客原创。
e on 回复 有用（0）
e