小程序 image 组件 webp 属性

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

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

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

转化后的老姿肢图片直接使用侍世 Google 浏览器就能打开。

小程序 image 组件常见问题

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

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

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

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

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

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

---