致力于高端网站建设服务的专业公司
网站建设热线:010-51000596
首页 > 网站资讯 > 网站建设 > 图片整合也就是css sprite的用法

图片整合也就是css sprite的用法

说到css sprite可能很多站长都不知道是什么,但是要说图片整合很多站长一定是知道的,其实就是把一些零星的小图都包含在一张大图中,然后在利用背景图定位“background-image”,“background-repeat”,“background-position”这些组合进行定位,量好坐标就可以了。

我们做为什么要做这个呢,好处在哪,其实主要是为了网站的加载速度快点儿,咱们用客户端打开网页的时候每显示一些信息客户端都得向服务器发送请求,信息量越大那么延迟就越久。
图片整合的好处并不是只有这么一点。通过百度百科我们来分析一下:

首先跟换网站风格比较方便,只需要改变图片颜色或是样式就搞定了,维护非常方便

它还可以减少图片的大小,你可以试一下整合起来的图片和零散的图片,整合起来的图片大小一定是小于这三张图片的字节总和 的。而且还能解决切图过程中命名的问题哦。N个图片使用一个名字就OK。 不需要对每个图片都进行命名,从而提高了网页的制作效率。

减少来自网页的http请求,提高页面的性能,这是他最大的优点,也是其被广泛传播和应用的主要原因。

当然,没有什么是完美的,所以它也有他的缺点

第一就是位置的问题,当时我在学习的时候定位总弄不明白,费了很大的力气。一旦你搞懂了就没什么难度了,小菜!

如果要是改动背景的话比较麻烦,需要改动css。

为了防止以后会修改,大小不定,所以一定要留好足够的空间,要不然就悲催了,还有如果是自适应的页面如果你的图片大小不够还容易出现背景断裂。

 

总的来说利还是大于弊的!