网页设计为什么要切片啊？

现在都在追求网站的体验，体验性好的网站，能博得用户的喜爱，那么你的网站的价值就大大提升了。一个网站打开的速度取决于服务器的响应速度和你的网站网页的 大小，抛开服务器响应速度不说，单讲网站网页的大小，网页占用的字节也大，网页打开越慢；反之，则越快。如果你做好了一张专题效果图（没有用切片切好的话），直接放到网站上去，那么要整张图片全部“解析"完成之后整个专题页才会显示，这个过程等待的时间是相当长的，还没等你的网页打开，访问者就离开了。假如你对网页做了切片的话，那么程序会逐个把你的切片依次打开，这样网页的打开速度就快了，体验性就上来了，访问者的等待时间就短了，访问者就愿意在你的网页上停留。网页切片是为了增强用户的体验性，没有别的。

这个偶实习网页设计时写的
=========================
这个，也是摸索的很长一段时间的……＝＝理论和实践的差别啊！！！所以应老大要求，自己整理了一下，希望对想要从事网页设计的新手有帮助，谢谢！

切片前,先要仔细对设计进行分析,考虑要因设计制宜.

切片时,可不断放大缩小设计观察精准度,可以根据辅助线进行切片.

切片后,要对导出的切片进行审核是否符合要求,比如大小颜色图片质量透明背景与否等,如果不合适,要重新对切片进行优化输出或者重新切片.

1、 输出背景

观察背景:

如果是单一颜色的,则不需要切片,网页制作的时候设置背景RGB即可.

如果是有规律的图片,那么按最小单位切一条几个像素的切片,单独优化输出,制作时不是插入图片而是作为背景图片可以横向平铺达到设计效果.

(为什么不是全部切片完了再输出呢,因为,背景图片上一般还会叠加其他的图片,如LOGO,就要输出透明背景的前景图片;有时切片会有重叠现象,所以采用分别输出的方法能达到比较好的效果.)

2、前景图片

(包括 网站标识,特殊字体的标题,导航,中英文切换的文字连接,特殊的小图标，特殊的边角)

观察背景上的网站标识：