浅谈微信小程序中的坑之一：图片不能正常显示的原因是什么

浅谈微信小程序中的坑之一：图片不能正常显示

1、问题描述：

在开发者工具中：选择手机型号是 iphone6，所有图片能够正常显示；

在微信小程序体验版本和正式版本中，安卓手机图片能正常显示，ios手机图片不能正常显示。

2、原因：

图片的格式是 webp 格式，ios 不支持 webp 格式的显示。

3、分析：

（1）什么是webp 格式？

webp格式，谷歌（google）开发的一种旨在加快图片加载速度的图片格式。图片压缩体积大约只有jpeg的2/3，并能节省大量的服务器宽带资源和数据空间。

webp既支持有损压缩也支持无损压缩。相较编码jpeg文件，编码同样质量的webp文件需要占用更多的计算资源。

桌面版chrome可打开webp格式。 -- 摘自百度百科

（2）比较：

普通文件路径：https://xxx.jpeg

webp文件路径：https://xxx.jpeg%2fformat%2fwebp 或者 https://xxx.webp

4、解决方法:

（1）从服务端将 webp 文件转化成其他文件的格式；

（2）使用正则表达式替换；