《
CSS Sprites图片合并技术减少请求优缺点》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302331K2013.htm
--> [
网站建设之]CSS Sprites图片合并技术减少请求优缺点
关注本网站的同窗应当都看过这篇文章了，减少恳求最有效方式：CSS Sprites 图片合并技术，这节持续来研究一下CSS Sprites技巧，这个曾为宽大网站前端开发使用的技术，毕竟他有什么魅力能让大家如何痴迷，以至各大网站，例如，腾讯，网易，淘宝，支付宝，隆重等等各大网站都广泛使用他，一起来研讨一下CSS Sprites技术优毛病，如何准确应用他。
CSS Sprites原理
CSS Sprites实在就是把网页中一些背景图片整合到一张图片文件中，再应用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位，background-position能够用数字能准确的定位出背景图片的地位。
CSS Sprites优点
利用CSS Sprites能很好地减少了网页的http要求，从而大大的进步了页面的机能，这也是CSS Sprites最大的长处，也是其被普遍传布和利用的重要起因；
CSS Sprites能减少图片的字节，曾经比拟过屡次3张图片合并成1张图片的字节老是小于这3张图片的字节总跟。
CSS Sprites缺点
诚然CSS Sprites是如斯的强盛，但是也存在一些不可疏忽的缺点
在图片合并的时候，你要把多张图片有序的公道的合并成一张图片，还要留好足够的空间，避免板块内不会涌现不用要的背景；这些还好，最苦楚的是在宽屏，高辨别率的屏幕下的自适应页面，你的图片如果不够宽，很轻易呈现背景断裂；
CSS Sprites在开发的时候比较麻烦，你要通过photoshop或其余工具丈量盘算每一个背景单元的精确位置，这是针线活，没什么难度，然而很繁琐；
CSS Sprites在保护的时候比较麻烦，假如页面背景有少许修改，个别就要改这张合并的图片，无需改的地方最好不要动，这样防止改动更多的css，如果在本来的处所放不下，又只能（最好）往下加图片，这样图片的字节就增添了，还要改动css。
CSS Sprites十分值得学习和运用，特殊是页面有一堆ico（图标）。总之良多时候大家要衡量一下利弊，再决议是不是应用CSS Sprites。 Tag：减少 请求 缺点 技术 合并 图片 减少 请求 缺陷 技术 合并 图片
相关的主题文章：
(责任编辑：网站建设)
CSS Sprites图片合并技术减少请求优缺点相关文章