本文作者:DurkBlue

小程序里面的background 背景图片加载错误如何处理

DurkBlue2019-11-252204
小程序里面的background 背景图片加载错误如何处理摘要: 原因:微信小程序中的背景图片不能是本地图片。3种解决方法:1、背景图片的路径换成远程网址,即网络图片;2、使用base64格式编码的图片;图片转base64链接地址:http://...

小程序里面的background 背景图片加载错误如何处理 第1张

原因微信小程序中的背景图片不能是本地图片。

3种解决方法:
1、背景图片的路径换成远程网址,即网络图片;
2、使用base64格式编码的图片;图片转base64链接地址:http://imgbase64.duoshitong.com
3、直接使用<image/>组件实现。

延伸阅读

1.什么是base64格式的编码?

图片的 base64 编码就是可以将一张图片的数据编码成一个字符串,然后我们可以使用这个字符串来代替本地图片的路径(地址)。


2.使用base64格式的编码有什么意义呢?

我们都知道,网页上的每一张图片,都是在网页加载时消耗一个 http 请求下载下来的。如果图片的下载不需要向服务器发出请求,而是可以随着HTML的加载同时下载到本地,那岂不是太好了。所以说,base64编码正好解决了这个问题。


3.什么时候使用base64格式的编码?

如果图片足够小,且存在特殊性用途(无法被制作为雪碧图,即CSS Sprites),base64格式的编码就是最明智的选择。


4.使用base64格式的编码并不代表性能优化

base64编码的优点我们上面也提及了:可以减少一个图片的HTTP请求。每一件事都有它的两面性,那么base64编码所带来的坏处是什么呢?因为图片经过base64编码后的字符串数据特别繁杂冗长,而大量使用base64编码格式的图片会导致CSS文件的体积不断增大,与此同时,CSS文件的大小还会影响整个页面的渲染速度,这就会导致图片无法及时加载而使用户长时间停留在空白页面。因此,虽然base64编码好用,但是我们不能滥用它。


这篇文章由DurkBlue发布,转载请注明来处
文章投稿或转载声明

来源:DurkBlue版权归原作者所有,转载请保留出处。本站文章发布于 2019-11-25
温馨提示:文章内容系作者个人观点,不代表DurkBlue博客对其观点赞同或支持。

赞(0)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

阅读
分享