网页设计中利用css sprites的优缺点

　　网页设计中利用css sprites的优缺点

　　在高举“用户体验”为中心的网络时代，你是否因为打开网页速度太慢而关闭网页呢？相信很多人的答案都是肯定的。在高速的网络时代，千万不要挑战广东网民的耐心，不然只会导致网民远离你的网站而去。

　　网页提速有很多的方法，其中一条就是减少http请求。每一个网站都会用到图片，当一个网站有10张单独的图片，就意味着在浏览网站时会向服务器提出10次http请求来加载图片。下面为大家介绍减少图片请求的方法。

　　css sprites：网站前端开发者大多称之为“css精灵”，通俗的理解就是：将多张小图片合成为一张大图片，减少http请求次数而达到网页提速。下面以淘宝网为例子，为大家讲解下css sprites是如何实现的。

　　css sprites的优点：可以减少http的请求数，如10张单独的图片就会发出10次的http请求，合成为一张的大图片，只会发出一次的http请求，从而提高了网页加载速度。

　　css sprites的缺点：凡事有利必有弊端。可能有人喜欢，有人不喜欢，因为每次图片改动都要往这张图片添加内容，图片的坐标定位要很准确会，会稍显繁琐。坐标定位要固定为某个绝对值，因此会失去如center的一些灵活属性。

　　css sprites有优点也有缺点。要不要使用，具体要看网页以加载速度为主还是以维护方便容易为主。