CSS Sprites

CSS Sprites

一、CSS Sprites优点

1.利用CSS Sprites可以很好地减少网页http请求，从而大大提高了页面的性能，这也是CSS Sprites最大的优点，也是其被广泛传播和应用的主要原因；

2.CSS Sprites能减少图片的字节，曾经多次比较过，把三张图片合并成一张图片的字节总是小于这三张图片字节的总和。

二、CSS Sprites缺点

1.在图片合并时，要把多张图片有序的、合理的合并成一张图片，还要留足够的空间，防止板块内出现不必要的背景。除此之外，在宽屏及高分辨率的屏幕下的自适应页面，如果图片不够宽，很容易出现背景断裂；

2.CSS Sprites在开发时比较麻烦，要通过photoshop或其工具测量计算每一个背景单元的精确位置，这是比较繁琐的。

3.CSS Sprites在维护时比较麻烦，如果页面背景有少许改动，一般就要改这张合并的图片，所以无需改的地方最好不要动，这样避免改动更多的css。如果在原来的地方放不下，那么只能往下加图片，此时图片的字节就增加了，且还要改动css。