微信小程序关于图片的常见问题

一.微信小程序中通过background-image设置图片只支持线上图片和base64

方法一：base64图片设置步骤1.在http://imgbase64.duoshitong.com/上将图片转化为base64形式在复制在上去，效果如下

background-image: url("data:image/png;base64,iVBORw0KGgo=...");

方法二：他转化后的内容很多，特别占内存，由于小程序本身就是比较轻的应用，所以我们可以将较大的图片放在数据库中直接获取，这样小程序部署上线后就不会影响可以照常显示。

二.关于图片命名中的问题

有一次我在图片命名中 有一个图片的名字是Group 5.png，在编码的过程中没有发现什么问题，但是在测试中发现在苹果的手机是正常显示的，但是在安卓手机却看不到图片，经过几次测试后，我去掉了中间的空格，改成Group5.png，图片便正常显示了，所以安卓版本的是不是别空格的命名方式的，我们在命名的时候可以尽量避免这种比较特殊的命名方式，避免有的系统或手机不能识别。