1.一个页面一般会加载多少张css背景图?

2.一般会有哪几种类型的雪碧图?

3.雪碧图的尺寸该设置多大?如何排列?

4.雪碧图在站点中如何分布?是否曾经烦恼过以上几点问题?

带着上面几点问题,我们一起来探讨站点的雪碧图该如何规划比较合理。




首先让我们回忆一下,以前切页面时,会用到哪些类型的素材图?

我努力的想…努力的想啊…大概有:按钮、图标、其它固定尺寸背景图、横竖平铺背景图、横铺背景图、竖铺背景图、左右自适应背景图、上下自适应背景图、颜色鲜艳且尺寸较大的背景图。


好像有点乱,让我们分下类。
按雪碧图使用的作用域可分为:跨项目通用、全局、栏目级、页面级
按雪碧图实现方式可分为:固定尺寸雪碧图、横铺雪碧图、竖铺雪碧图(比较少用)、横竖平铺背景图(比较少用)
那么,再把我们回想的素材图归下类:
按作用域:这些素材在不同站点都有可能出现在不同作用域中
按实现方式:
固定尺寸雪碧图:按钮、图标、其它固定尺寸背景图、颜色鲜艳且尺寸较大的背景图

横铺雪碧图:横铺背景图、左右自适应背景图(不使用九宫格的实现方式)

竖铺雪碧图:竖铺背景图、上下自适应背景图(不使用九宫格的实现方式)

横竖平铺背景图:这种图不能合成雪碧图,一般用于网页背景花纹,大部分站点比较少出现最后,从站点的可实现性上考虑,我们该做多少张雪碧图?请看下面这张表:



原文地址:http://tid.tenpay.com/?p=93