本文主要是介绍css图片整合技术的概念及优缺点（雪碧图，精灵图，滑动门技术），希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
详情 http://www.sharedblog.cn/?post=24
一、图片整合的概念
将多张图整合到一张背景图中，使用background-position 来实现图片的定位的技术叫图片整合技术，也称雪碧图，精灵图，滑动门技术。
二、优势
1.将多张图整合到一张图中，减少了对服务器的请求，加快了图片的加载速度，从而达到了网站性能的优化；
2.减小了图片的体积。
（当页面加载时，不是加载每个单独图片，而是一次加载整个组合图片。这是一个了不起的改进，它大大减少了HTTP请求的次数，减轻服务器压力，同时缩短了悬停加载图片所需要的时间延迟，使效果更流畅，不会停顿。）
三、缺点
在拼图时，比较麻烦，还有后期维护也比较麻烦，比如做好的图，然后一个图标改了大小，但是图标之间留的位置不够，那你就要重写很多css，当然现在已经很多这方面的软件，或者在线生成代码。。。但这个麻烦还是存在的。
这篇关于css图片整合技术的概念及优缺点（雪碧图，精灵图，滑动门技术）的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
