网页切片

1.切片的目的

提高网站性能：网页的打开速度与服务器的响应速度和网页的大小有关，如果图片太大，加载时间太长。所以在此情况下，如果用网页切片，会提高网页的加载速度，增强了用户体验。

2.使用的工具

个人喜欢用ps做切片，也可以用fireworks

3.步骤

• 将需要做切片的图片导入ps
• 打开（视图-->标尺），然后设置切片的参考线（这一步视个人情况而定）
• 选择切片工具
• 设置切片选项（鼠标右键选择‘编辑切片选项’，可设置大小、图片链接、说明等）
• 保存切片为网页格式，图片类型可设置为jpeg、png、gif，然后点击存储，格式一般选‘HTML和图像’。此时会保存成具有table的html页面和图片，如果要保存成div+css，则设置选“其他”，在弹出页面选“切片”生成css文件

4.可参考的例子

http://www.uimaker.com/uimakerhtml/uistudy/2010/0430/3379.html

http://www.ittribalwo.com/article/2711.html

http://www.16xx8.com/photoshop/jiaocheng/2014/133033.html