网页切片应该怎么切

来源:互联网 发布:雅顿白手套 知乎 编辑:程序博客网 时间:2024/06/09 13:54

 

  做为一个网页设计人员对网页切片应该要运用自如,无论什么时候都要考虑到用最小

的切片来制作网页,这样做的目的是为了加快网页加载时的速度。我相信还有很多设计师

朋友都网页效果图如德切片不太理解的,其实很简单做到下面几点应该就什么问题了。

  (一)颜色范围的取值:假如一个区域中颜色对比的范围不是很大的,就只有几种颜色

,这样的话就应该单独的把他切出来,如果就一种颜色,可以用代码来表示背景色。颜色

过多的话也没有关系,很多时候都要用到渐变的效果,应该把切片数量切的多一些尽量把

单个切片控制在一个颜色范围的轮廓内。

  (二)切片大小:很多设计师朋友都说要把网页的切片切的越小越好,这是有道理的。

切片越小的话可以加快网页下载图片的速度,让多个图片同时下载而不是只下载一个大图

片,所以切片大小要根据需要来切,标志LOGO等主要部分尽量切在一个切片内,防止显示

遇到特殊情况时显示一部分,圆角表格部分要根据显示区域的大小来切,控制好边缘和边

角,有时候切出来的切片并不是直接插入到DW了事,而需要在DW中编辑,比如有的图片应

该设置成背景图片

  (三)切片区域:保证完整的一部分在一个切片内,例如某区域的标题文字,以后修改

时方便

  (四)导出类型:颜色单一过渡少的,应该导出为GIF,颜色过渡比较多,颜色丰富的应

该导出为JPG,有动画的部分应该导出为GIF动画。

  (五)源文件:即使页面作好了,也要保留带切片层的源文件,说不上哪天要改某一个

部分,例如文字什么的,直接修改单独导出所用的切片就可以了。