在网页设计中，分割图像最大的作用就是可以局部优化图像，从而易于在网络中传输；另外一个作用则是可以给同一图像中的各个分割区域设置超链接。例如，如图8.92所示的图像是一个网页主图，这么一个大图在设计网页时直接应用到网页中是不合适的，因为图像文件太大，浏览者需要很长时间才能下载此图片。为了解决这一问题，可以使用Photoshop的分割功能，将大图变成小图，这样就有利于浏览了。

【操作步骤】

第1步，启动Photoshop，打开制作好的网页图像。

第2步，在工具箱中选择【切片工具】，然后移动鼠标指针至窗口中，单击并拖动鼠标即可拉出一个分割区域。　

提示：建立切片之后，如果不满意，可以按Ctrl+Z快捷键还原操作，即可重新创建新切片。也可以在工具箱中单击【切片工具】右下方的下三角，从弹出的下拉选项中选择【切片选取工具】，然后单击选择切片，拖动切片边框来调整切片区域大小。

第3步，用同样的方法将图像分割成如图8.94所示的8个区域，这样在输出时就会被分为8个图像文件进行保存。在网络上传输时，就能分开传输了，从而加快了图像传输速度。

第4步，图像被分割后，分割区域左上角会显示一个顺序编号，这块区域就是分割区域。使用【切片选取工具】可以选中某个切片区域，该切片四周会显示控制柄，表示此时可以对该切片区域进行编辑操作，如改变大小、位置。

提示：在使用【切片工具】分割效果图时，应该注意3个问题：   

•切片之间不要预留空隙。在切分图片时，应该确保切片之间不要留出空隙，读者可以通过切片编号观察，从上到下，从左到右，如果切片编号出现跳跃，则可能中间出现空隙区域。   

•切片之间不要重叠。除了切片之间不要预留空隙外，也不能够出现切片重叠现象。如果出现重叠现象，应该及时使用【切片选取工具】进行调整。   

•确保切片之间对齐。考虑到切片最终都被转换为表格，因此不规则的切片会产生大量嵌套表格，并产生很多冗余代码。在操作时，应该尽量确保上下、左右切片之间保持对齐。

第5步，右击当前编辑状态切片，在弹出的菜单中可以选择为切片执行各种操作。

第6步，如果从快捷菜单中选择【编辑切片选项】命令，可以打开【切片选项】对话框，定义切片的类型、名称，以及输出为网页后会产生的URL、链接目标（目标）、描述的信息文本（信息文本）、鼠标经过时的提示文字（Alt标记）。另外，在【尺寸】选项组中可以精确定位切片的坐标位置（X和Y），以及切片大小（W和H）。设置完毕，单击【确定】按钮即可。

提示：在网站建设实际操作中网页图像会被分割得很细，这样方便在Dreamweaver中进行编辑。新建切片之后，除了使用【切片选取工具】调整切片的位置和大小外，也可以使用【切片选取工具】双击切片区域，打开【切片选项】对话框。