前两天在做微信小程序时有一个<view>需要设置背景图片,使用UI给的背景图片发现无法生效,百度后才得知微信小程序规定背景图片不能超过40kb。
解决方法:
1:使用网络链接引入图片;
2:压缩以下图片使其在40kb以内;
3:将图片转换为base64格式进行使用;
转换器链接:Base64 在线编码解码 | Base64 加密解密 - Base64.us
使用方法:background:(url("xxx")) ; xxx为转换后的base64格式图片
base64格式会有很长一串代码,一定程度影响代码美观。