标题: 教你页面提速，你了解css sprites吗？ [打印本页]

---

作者: lqiu0108    时间: 2011-10-11 23:32     标题: 教你页面提速，你了解css sprites吗？

CSS Sprites是一种网页图片应用处理方式，它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，可以减少http请求，提升速度！

传统切图讲究精细，图片规格越小越好，重量越小越好，但是对于目前的网络速度来说，加速的关键，不是降低重量，而是减少个数。客户端每显示一张图片都会向服务器发送请求，一张图片的传输时间，通常远小于请求等待的时间，图片越多请求次数越多，造成延迟的可能性也就越大。

CSS Sprites是一种网页图片应用处理方式，它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，可以减少http请求，提升速度！

CSS Sprites实现方法：CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中，再利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位，background-position可以用数字能精确的定位出背景图片的位置。

出处：洋子博客 原文地址：http://www.yangzblog.com/DIV-CSS/css-sprites.html

---

作者: ligui3345    时间: 2012-3-6 17:06

谢谢分享

---

欢迎光临 CSS论坛 (http://www.divcss5.com/bbs/)

Powered by Discuz! 6.1.0