CSS论坛's Archiver

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可以用数字能精确的定位出背景图片的位置。

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

ligui3345 发表于 2012-3-6 17:06

谢谢分享

页: [1]

Powered by Discuz! Archiver 6.1.0  © 2001-2007 Comsenz Inc.