什么是雪碧图,怎么用?

时间:2022-11-21 23:07:53

CSS雪碧 即CSS Sprite,也有人叫它CSS精灵,是一种CSS图像合并技术,该方法是将小图标和背景图像合并到一张图片上,然后利用css的背景定位来显示需要显示的图片部分,该图片使用CSS background和background-position属性渲染。 
优点:加载网页图片时,减少服务器的请求次数,提高页面的加载速度。 
缺点:耗费内存,影响浏览器的缩放功能,拼图维护比较麻烦,使CSS的编写变得困难

过年放假前重新复习和总结了smartsprites的用法,结果又忘了,弄混了,讲了些smartsprite怎么用,其实smartsprite是 基于 Java、利用CSS注释生成雪碧图和相应的css代码,是生成雪碧图的工具。