CSS Sprite:又称为CSS精灵或者雪碧图,是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,当访问该页面时,载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。能很好地减少网页的http请求,从而大大的提高页面的性能。
SVG Sprite:与CSS Sprite类似。另外一种实现思路 +
Icon font:图标字体,也叫字体图标,就是字体做的图标。能自由变化大小,且不会模糊。比图片小,加载快。可以任意改变颜色。
Base64:可以将一副图片数据编码成一串字符串,使用该字符串代替图像地址。图片的下载始终都要向服务器发出请求,而通过base64编码后可以随着 HTML的下载同时下载到本地,减少 http 请求。
本文介绍了CSSSprite和SVGSprite这两种网页图片应用处理方式的工作原理和技术优势,包括如何利用它们来减少HTTP请求并提高页面性能,同时对比了Iconfont及Base64编码的优势。
2216

被折叠的 条评论
为什么被折叠?



