程序笔记   发布时间:2022-06-07  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Base64和cssSpirite大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

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

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

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

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

Base64和cssspirite比较@H_301_1@
  • Base64:可以重复图片、可以Gzip压缩、没有跨域问题

  • cssspirite:不能重复图片、没有Base64编码成本

文章 href="http://www.tuicool.com/articles/IbYJvin">http://www.tuicool.com/articl... 仅用于学习,如有侵权,请告知,立即删除。

大佬总结

以上是大佬教程为你收集整理的Base64和cssSpirite全部内容,希望文章能够帮你解决Base64和cssSpirite所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。