微信小程序设置背景图&&什么是 base64 编码?

璞~

于 2018-12-18 14:01:05 发布

阅读量1.2k

点赞数 2

CC 4.0 BY-SA版权

分类专栏：微信小程序

本文链接：https://blog.youkuaiyun.com/qq_39702981/article/details/85063839

86 篇文章 ¥9.90 ¥99.00

订阅专栏

在微信小程序开发中遇到页面背景图显示问题，发现仅使用image标签加载本地图片在手机端无效，需使用网络图片或Base64编码。Base64编码能减少HTTP请求，提高性能，适合小尺寸图片。文章介绍了Base64编码的概念，并对比了与jpg格式的区别。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

开发小程序的时候，设置页面的背景，我用到代码：

.wxml

<view class='top' style="background-image: url('/images/my_bj.png');background-size:cover">
</view>

.page__bd{
    width: 100%;
    height: 220px;
    background: url('../../assets/img/images.jpg') no-repeat;
    background-size: 100% 100%;
}

在调试工具上是显示的，但是扫面上传到手机上却显示不出来

解决办法：

我也纳闷了好久的问题，才发现用image标签可以加载本地图片，但背景图片用网络图片或者base64的才能在手机端显示。

什么是 base64 编码?

图片的 base64 编码就是可以将一副图片数据编码成一串字符串，使用该字符串代替图像地址。

了解本专栏