浅谈微信小程序中的坑之一:图片不能正常显示的原因是什么
程序员文章站
2023-03-31 10:36:32
浅谈微信小程序中的坑之一:图片不能正常显示
1、问题描述:
在开发者工具中:选择手机型号是 iphone6,所有图片能够正常显示;
在微信小程序体验版本和正式版本中,安卓手机图片能正常显示,ios...
浅谈微信小程序中的坑之一:图片不能正常显示
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)使用正则表达式替换;
上一篇: 用函数指针将字符串 ”hello world“ 输出为 "world hello”
下一篇: "领导