欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 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)使用正则表达式替换;