css精灵技术(sprite)有什么用?

css精灵技术(sprite)是一种性能优化技术,一种网页图片应用处理方式:将多个图像组合成单个图像文件以在网站上使用的方法,以提高性能。

css精灵技术(sprite)有什么用?

css精灵技术(sprite)允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言,不高于200KB的单张图片的所需载入时间基本是差不多的,所以无需顾忌这个问题。

它会将多个图像组合成一个称为精灵表或拼贴图的单个图像,用户不下载多个文件,而是下载单个文件并通过偏移文件显示必要的图像(或精灵图)。

这样可以减少对服务器的调用、减少呈现网页所需的下载次数,节省带宽并缩短用户端的下载时间,减少网络拥塞。

可以有效减少服务器接收和发送请求的次数,提高页面的加载速度。

一个网页中往往需要多个小图片作为修饰,当网页中的图像过多的时候,服务器就会频繁的棘手和发送请求,将大大降低页面的加载速度。

更多web前端开发知识,请查阅 HTML中文网 !!

以上就是css精灵技术(sprite)有什么用?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读