切片和图像映射

网页可以包含许多元素 - HTML 文本、位图图像和矢量图等等。在 Illustrator 中，可以使用切片来定义图稿中不同 Web 元素的边界。例如，如果图稿包含需要以 JPEG 格式进行优化的位图图像，而图像其他部分更适合作为 GIF 文件进行优化，则可以使用切片隔离位图图像。使用“存储为 Web 和设备所用格式”命令将图稿存储为网页时，您可以选择将每个切片存储为自身具有格式、设置以及颜色表的独立文件。

Illustrator 文档中的切片与生成的网页中的表格单元格相对应。默认情况下，切片区域可导出为包含于表格单元格中的图像文件。如果希望表格单元格包含 HTML 文本和背景颜色而不是图像文件，则可以将切片类型更改为“无图像”。如果希望将 Illustrator 文本转换为 HTML 文本，则可以将切片类型更改为“HTML 文本”。

可以在画板上和“存储为 Web 和设备所用格式”对话框中查看切片。Illustrator 会从图稿的左上角开始，对切片从左到右、从上到下编号。如果更改切片的排列或切片总数，切片编号则会更新，以反映新的顺序。

创建切片时，Illustrator 会将周围的图稿切为自动切片，以使用基于 Web 的表格来保持布局。有两种类型的自动切片：自动切片和子切片。自动切片指的是未定义为切片的图稿区域。每次添加或编辑切片时，Illustrator 会重新生成自动切片。子切片表示将如何分割重叠的用户定义切片。尽管子切片有编号并显示切片标记，但无法独立于底层切片选择。在您工作时，Illustrator 将根据需要重新生成子切片和自动切片。

创建切片

选择切片

可以使用切片选择工具 在插图窗口或“存储为 Web 和设备所用格式”对话框中选择切片。

• 要选择一个切片，请单击该切片。
• 要选择多个切片，请按住 Shift 并逐个单击。（在“存储为 Web 和设备所用格式”对话框中，也可以按住 Shift 并拖移。）
• 要在处理重叠切片时选择底层切片，请单击底层切片的可见部分。

  此外，还可以通过执行下列操作之一在插图窗口中选择切片：

• 要选择使用“对象”>“切片”>“建立”命令创建的切片，请在画板上选择相应的图稿。若将切片捆绑到某个组或图层，请在“图层”面板中选择该组或图层旁边的定位图标。
• 要选择使用切片工具、“从所选对象创建”命令或“从参考线创建”命令创建的切片，请在“图层”面板中定位该切片。
• 使用选择工具 单击切片路径。
• 若要选择切片路径线段或切片锚点，请用“直接选择”工具单击任一项目。

  注：不能选择自动切片。这些切片为灰显状态。

设置切片选项

切片的选项确定了切片内容如何在生成的网页中显示、如何发挥作用。

锁定切片

通过锁定切片，可以防止您进行意外更改，如调整大小或移动。

• 要锁定所有切片，请选择“视图”>“锁定切片”。
• 要锁定单个切片，请在“图层”面板中单击切片的编辑列。

调整切片边界

如果使用“对象”>“切片”>“建立”命令创建切片，切片的位置和大小将捆绑到它所包含的图稿。因此，如果移动图稿或调整图稿大小，切片边界也会自动进行调整。

如果使用切片工具、“从所选对象创建”命令或“从参考线创建”命令创建切片，则可以按下列方式手动调整切片：

• 要移动切片，请使用切片选择工具 将切片拖到新位置。按 Shift 可将移动限制在垂直、水平或 45 度对角线方向上。
• 要重新调整切片的大小，请使用切片选择工具选择切片，并拖动切片的任一角或边。也可以使用选择工具和“变换”面板来调整切片的大小。
• 要对齐或分布切片，请使用“对齐”面板。通过对齐切片，可以消除不必要的自动切片以生成较小且更有效的 HTML 文件。
• 要更改切片的堆叠顺序，请将切片拖到“图层”面板中的新位置，或者选择“对象”>“排列”命令。
• 要划分某个切片，请选择该切片，然后选择“对象”>“切片”>“划分切片”。

  您可以对用任意方法创建的切片进行组合。选择这些切片，然后选择“对象”>“切片”>“组合切片”。将被组合切片的外边缘连接起来所得到的矩形，即构成组合后的切片的尺寸和位置。如果被组合切片不相邻，或者具有不同的比例或对齐方式，则新切片可能与其他切片重叠。

  要将所有切片的大小调整到画板边界，请选择“对象”>“切片”>“剪切到画板”。超出画板边界的切片会被截断以适合画板大小，画板内部的自动切片会扩展到画板边界；所有图稿保持原样。

删除切片

可以通过从对应图稿删除切片或释放切片来移去这些切片。

• 若要删除切片，请选择该切片，并单击“删除”。如果切片是使用“对象”>“切片”>“建立”命令创建的，则会同时删除相应的图稿。如果要保留对应的图稿，请释放切片而不要删除切片。
• 要删除所有切片，请选择“对象”>“切片”>“全部删除”。将释放使用“对象”>“切片”>“建立”命令创建的切片，而不是将其删除。
• 要释放某个切片，请选择该切片，然后选择“对象”>“切片”>“释放”。

显示或隐藏切片

• 要在插图窗口中隐藏切片，请选择“视图”>“隐藏切片”。
• 要在“存储为 Web 和设备所用格式”对话框中隐藏切片，请单击“切换切片可视性”按钮 。
• 要想隐藏切片编号并更改切片线条颜色，请选择“编辑”>“首选项”>“智能参考线和切片”(Windows) 或“Illustrator”>“首选项”>“智能参考线和切片”(Mac OS)。

创建图像映射

图像映射使您能够将图像的一个或多个区域（称为热区）链接到一个 URL。用户单击热区时，Web 浏览器会载入所链接的文件。

使用图像映射与使用切片创建链接的主要区别，在于图稿导出为网页的方式。使用图像映射时，图稿作为单个图像文件保持原样；而使用切片时，图稿被划分为多个单独的文件。图像映射与切片之间的另一个区别是，图像映射使您能够链接图像的多边形或矩形区域，而切片只能链接矩形区域。如果只需要链接矩形区域，使用切片可能比使用图像映射更可取。