关于切片

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

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


使用不同切片类型的切片图稿
A.
“无图像”切片

B.
“图像”切片

C.
“HTML 文本”切片

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

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

另请参阅
存储为 Web 和设备所用格式概述

切片输出选项

VOOSSI