我们在网页里面看到的图片，一般都是我们经过处理了的图片。我们把大的图片切成小块的图片可以使得页面加载速度得到提升。（浏览器可以同时加载不同部分的小片）。
工具/原料
PhotoShop（PS），我在这里用的是PS5
方法/步骤
1
我们在PS5里面制作好图片。
2
我们可以先拉好辅助线（ctrl+r）可以显示标尺栏，然后按v把光标移动到标尺上一拉就可以拉出辅助线了）。然后点击（c）“裁剪工具”，右键，在弹出的框里面选择“切片工具”再点击“基于参考线的切片”就可以出现。
3
下面我们做点复杂点的：先跟上面操作一样。建立好辅助线，然后点击“基于参考线的切片”。
4
然后就多了很多跟辅助线空间大小一样的切片。现在我们需要合并这些小切片。先对着“切片工具”鼠标右键一下，在弹出的框里面选择“切片选择工具”，然后按住shift键同时鼠标左键点击你想要合并的切片。然后放开shift键，鼠标右键单击选择的切片，在对话框里面选择“组合切片”。通过不断的组合切片，直到得到你想要的切片效果。当然，切片还有很多种方法。这里是我比较喜欢用的一种。
5
设置切片格式做好切片后按快捷键（ctrl+shift+alt+s）弹出对话框，完成操作后点击存储。
6
然后就会出现对话框，到这一步的时候请别点击保存。先选择了保存格式为“HTML和图像”。然后再保存。到此，切片跟HTML都自动生成了。
注意事项
这里面图片我是随便在网络上截取的一部分，本次主要是写怎样进行切片的制作和生成，我就没有另外自己制作图片了！