SPRITE 內容大綱
CSSSprites在国内很多人叫css精灵,是一种网页图片应用处理方式。 SPRITE SPRITE 它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。 SPRITE 对于当前网络流行的速度而言,不高于200KB的单张图片的所需载入时间基本是差不多的,所以无需顾忌这个问题。
加速的关键,不是降低质量,而是减少个数。 传统切图讲究精细,图片规格越小越好,重量越小越好,其实规格大小无所谓,计算机统一都按byte计算。 SPRITE 客户端每显示一张图片都会向服务器发送请求。 SPRITE 所以,图片越多请求次数越多,造成延迟的可能性也就越大。 4.CSS Sprites非常值得学习和应用,特别是页面有一堆icon(图标)。 SPRITE 总之很多时候大家要权衡一下利弊,再决定是不是应用CSS Sprites。
SPRITE: Meaning of sprite in English
4.更换风格方便,只需要在一张或少张图片上修改图片的颜色或样式,整个网页的风格就可以改变。
2.CSS Sprites能减少图片的字节,曾经比较过多次3张图片合并成1张图片的字节总是小于这3张图片的字节总和。 3.解决了网页设计师在图片命名上的困扰,只需对一张集合的图片上命名就可以了,不需要对每一个小元素进行命名,从而提高了网页的制作效率。 必须要限定容器大小符合背景图元素位置 .. XY轴是相对于整张图片的左上角来算的 ..
SPRITE: css sprite优缺点
SEO服務由 Featured 提供
- 所以,图片越多请求次数越多,造成延迟的可能性也就越大。
- 3.解决了网页设计师在图片命名上的困扰,只需对一张集合的图片上命名就可以了,不需要对每一个小元素进行命名,从而提高了网页的制作效率。
- 对于当前网络流行的速度而言,不高于200KB的单张图片的所需载入时间基本是差不多的,所以无需顾忌这个问题。
- 客户端每显示一张图片都会向服务器发送请求。
- CSSSprites在国内很多人叫css精灵,是一种网页图片应用处理方式。
- 4.更换风格方便,只需要在一张或少张图片上修改图片的颜色或样式,整个网页的风格就可以改变。
- 2.CSS Sprites能减少图片的字节,曾经比较过多次3张图片合并成1张图片的字节总是小于这3张图片的字节总和。
- 必须要限定容器大小符合背景图元素位置 ..