本文介绍了 CSS Sprite 技术的使用原则与实现原理，旨在通过整合多个小图标为一张大图来减少 HTTP 请求次数，进而提升网页加载速度。文章还提供了一种手动整合图片的方法及一款自动整合并生成位置参数的工具。
每http请求一次，就会和服务器连接一次，而建立连接时需要额外的时间开销
CSS Sprite使用优化：有效的减少http请求数量，加速内容显示
CSS Sprite 使用规则：
1、静态图片，不随用户信息的变化而变化（通常在网站上以常态的形式存在）
2、小图片，图片容积比较小
3、3K-5K容量，网站加载量比较大
（一些大图不建议使用Sprite图，用户加载量较大）
实现原理：
控制一个层，可显示的区域范围大小，
通过一个窗口，进行背景图的滑动
实现方式：
1.ps手动P图
2.使用sprite工具自动小图集成大图，并返回position,如cssGaga工具
cssGaga工具下载地址：http://www.99css.com/1524/
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
