Base64和cssSpirite

Base64

1. 概念：Base64是指用一串编码表示图片本身，相对于用URL表示图片，这种方法不需要单独为图片发起一次http请求，因为它已经随着html的下载而同时下载到本地。

2. 适用场景：图片很小、复用性高、基本不会被更新、图片不需要重复、打印页面

   • 之所以要求图片小，是因为图片编码成Base64后字符数比较大

   • 复用性高如果用URL就需要多次下载同一张图片，当然如果有缓存则只需要下载一次＋ 因为Base64表示图片本身，当图片需要更新时，Base64编码久变了，需要手动更换，如果是URL则不需要

   • 当某个图片需要被用作平铺背景时，就不能被制作成雪碧图，但是该背景又存在于多个页面，多次请求代价大，因此最好使用Base64

   • 在打印的页面时，因为浏览器打印设置选项默认不打印背景图片，如果背景图片是以URL形式表示，会默认不请求背景图片，这时候如果讲背景图片转换成Base64形式，就可以和html一起加载，从而成功打印

Base64和cssSpirite比较

• Base64：可以重复图片、可以gzip压缩、没有跨域问题

• cssSpirite：不能重复图片、没有Base64编码成本

参考文章 仅用于学习，如有侵权，请告知，立即删除。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!