网站性能优化之图片整合？

网站性能优化之图片整合？

1.图片整合技术概念：

CSS Sprites（雪碧图或css精灵或滑动门技术），是网页图片处理的一种方式，它允许你 将一个页面涉及到的所有零星图都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅的慢慢显示出来了。

2.原理：

将许多的小图片整合到一张大图中，利用css中的背景图background-image属性，background-position属性定位某个图片的位置，来达到在大图片中引用某个部位的小图片的效果。

3优点：

减少了对服务器的请求次数，减轻了对服务器的压力

提高了网页的加载速度

减少了图片的体积

达到了网站性能的优化