图片整合技术

一.为什么要图片整合

当一个页面中，用户必然会请求一些图片资源，比如说，一个按钮（样式采用背景图片）的三种状态（:link, :hover, :active） 如果用三张图片，那么在第一次将鼠标移到这个按钮上，页面就会请求:hover状态下的图片，这样就会出现“闪一下”的现象，影响用户体验，况且，图片资源过多会进行多次请求，影响效率。

二.方法

将多张图片整合成一张只加载一次整合后的图片通过修改图片的起始位置(background-position)，确定使用哪个图片

三.优点

图片只加载一次，提高效率，提高用户的体验图片整合后，一个图片只会有一个颜色表，减小图片体积，提高效率。