当前位置: 网站建设 > 网页设计 > 建站经验 >

CSS Sprites图片合并技术减少请求优缺点

时间:2013-03-02 03:41来源:未知 作者:admin 点击:

标签:CSS Sprites图片合并技术减少请求优缺点 技术(20)CSS(655)图片(50)请求(8)优缺点(1)合并(3)减少(8)Sprites(9)
--> [网站建设之]CSS Sprites图片合并技术减少请求优缺点 关注本网站的同窗应当都看过这篇文章了,减少恳求最有效方式:CSS Sprites 图片合并技术,这节持续来研究一下CSS Sprites技巧,这个曾为宽大网站前端开发使用的技术,毕竟他有什么魅力能让大家如何痴
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图片合并技术减少请求优缺点相关文章
上一篇:css reset重置基础代码 下一篇:CSS Sprites技术
回到顶部