微信小程序，ios真机调试无法显示webp格式

在小程序中ios真机调试无法显示webp格式

在模拟器中是可以正常显示的，但是到了真机中就没有办法显示了。

是因为部分iphone手机不识别webp的图片格式

解决方案：让后台修改一下图片的格式

前端通过正则表达式的方式 去替换一下格式（临时修改）确保后台存在webp =>jpg

goods_introduce:goodsDetail.goods_introduce.replace(/.webp/g, ".jpg")

webp 是 image 组件的一个 boolean 属性，开启这个属性后，代表 url 可以设置 webp 这种格式的图片。image 默认不解析 webP 格式，只支持网络资源

有科技博客曾经报道，YouTube 上的视频缩略图采用 webp 格式后，网页加载速度提高 1/10。Google 的 Chrome 网上应用商店，应用这种格式后每天节省几 TB 带宽。

在线转化网址： 智图https://zhitu.isux.us/

转化后的图片直接使用 Google 浏览器就能打开。

小程序 image 组件常见问题

手机 *** 作系统不同，安卓和ios两种。

图片的格式是webp格式，ios不支持webp格式的显示。只能从服务端将webp文件转化成其他文件的格式。

WebP格式，谷歌开发的一种旨在加快图片加载速度的图片格式。图片压缩体积大约只有JPEG的2/3，并能节省大量的服务器带宽资源和数据空间。Facebook、Ebay等知名网站已经开始测试并使用WebP格式。但WebP是一种有损压缩。相较编码JPEG文件，编码同样质量的WebP文件需要占用更多的计算资源。

---