什么是雪碧图，怎么用？

87 阅读 0 评论 58 点赞

我是靠谱客的博主精明小虾米，最近开发中收集的这篇文章主要介绍什么是雪碧图，怎么用？，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

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

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