记录一次IOS图片异常的问题
这是很久之前的一个需求了，从蓝湖中选择导出webp格式的文件，应用到项目中，在网页端和安卓没有问题，IOS较新的机型也没有问题，当时没有向下去验证，项目匆匆上线。 偶然间我拿出我的Iphone6 plus打开H5时发现，图片不能正常显示，属实有点吓到我了，于是赶紧去查问题。
先说结论
因为图片都是内部路径直接引用的，不存在网络请求失败的问题。开始以为是自己的样式方面发生冲突或者时没有给具体的宽高导致的，但是仔细看了代码发现样式没有问题，重新用其他手机验证发现正常显示，最后定位到是图片格式的问题。
可以看到，IOS的浏览器内核在版本低于14的机型，不支持webp格式图片。
webp概念
WebP是一种支持有损压缩和无损压缩的图片文件格式，派生自图像编码格式VP8.
解决办法
- 如果项目应用到地方不多，可以考虑使用png格式替换
- 使用外部插件转换图片 [参考文章] juejin.cn/post/684490…
