微信小程序开发注意事项之|背景图无法显示

微信小程序开发注意事项之|背景图无法显示

微信小程序开发中，曾遇到过这种让人郁闷的问题：为容器设置background:url(‘图片链接’)的时候，图片无法正常显示，如下图
感觉怒点console，然我看看又是哪里调皮了~
原因：原来是小程序不支持背景图使用本地图片，我们需要用base64的图片，或者是用网络图片

解决，第一种最简单直接的就是把所有图都放在服务器上，不占小程序体积。
第二种就是把背景图片转换成base64的字符串，粘贴进 background:url(“base64”) ，缺点是占小程序的体积。

同时，为大家介绍一下小程序图片放置位置问题，由于小程序官方有上传大小限制（2M），所以图片存放位置需要考虑

项目里：如果项目较小，图片体积较小，可以直接把图片放在项目里，一定要前提是图片体积小，好处是加载速度比较快
服务器上：最普遍的做法就是把图片放在服务器上，让项目体积非常精简，当然，服务器需要保持不错的性能，否则会影响用户体验

欢迎朋友们积极反馈更多经验~~

附上：base64在线转换网址