切图是网页设计中非常重要的一环，它可以很方便的为我们标明哪些是图片区域，哪些是文本区域。另外，合理的切图还有利于加快网页的下载速度、设计复杂造型的网页以及对不同特点的图片进行分格式压缩等优点。

本文介绍通过Photoshop做好的网页，用切片工具怎么样来合理的切割？在切割的过程中需要注意些什么？

Photoshop里切片工具就是用来切割网页图片、图像用的。

切片分两种：一种是用户切片，就是用户用切片工具在图象上拉出来的切片；另一种就是衍生切片，是由用户切片衍生出来的。

在切片名称上名击选编辑切片，会弹出来了个对话框，具体如下：
切片类型：图像，指这个切片输出时会生成图像，反之输出时是空的；
名称：为切片定义一个名称；
URL：为切片指定一个链接地址；
target：在哪个窗口中打开；
x,y指切片的左上角的坐标；
w,h指切片的长度和宽度，你可在自己定义节的长和宽。

另外你还可以选切片工具在图象上右击选择切割切片来分割图像，可以按指定长宽，也可以按指定在长度和宽度上等分来分割。

一切做完后，选文件，执行菜单“存储为Web 和设备所用格式”（在对话框中进行简单的优化设置，确定后设置输出类型为“HTML 和图像”，并且要输出所有的切片），保存后在文件所在的地方有个叫image的文件夹，里面包含了所有输出为图像的切片。

注意一点的是，CMYK模式的图片在网页上是看不到的。