CSS Sprites背景图合并 怎样理解

html-css09

CSS Sprites背景图合并 怎样理解,第1张

CSS Sprites(图片整合技术) 的目的就是通过整合图片,减少对服务器的请求数量,从而加快页面加载速度。当页面加载时,不是加载每个但以图片,而是一次加载整个组合图片。这是一个了不起的改进,它大大减少了HTTP请求的次数,减轻服务器压力,同时缩短了悬停加载图片所需要的时间延迟,使效果更流畅,不会停顿。

Photoshop 的背景图合并,更多的是人工测算,需要花费的时间较长,需要进行图片位置测算和记录。对于CSS Sprite来说,可以直接生成具体的代码,相对来说操作要更加简单。

从维护角度来讲,Photoshop比CSS Sprite更容易维护,当页面背景出行少许改动时,可以任意调整图片,但CSS Sprite需要对原有合并好的整张图片进行修改,灵活度不够。