Web 图形

2025年3月17日 | 阅读 8 分钟

我们在网上使用的图形称为网页图形。为了就网页图形做出明智的决定，我们需要考虑以下指南：

使用网页安全颜色：我们应该使用网页安全颜色，因为网页上显示的颜色与艺术品上显示的颜色不同。我们需要始终在 RGB 模式下工作，并使用网页安全颜色来防止抖动。
平衡图像质量与文件大小：我们需要创建一个小型图像以便在网上使用。通过小型文件大小，Web 服务器可以更有效地存储和传输图像。
为您的图形选择最佳文件格式：文件应以不同的文件格式保存，以便与不同类型的图形配合使用。

像素预览模式

Adobe Illustrator 在以位图格式（如 JPEG、GIF 或 PNG）保存艺术作品时，会以每英寸 72 像素的分辨率栅格化艺术作品。通过单击“视图”菜单 → “像素预览”即可看到栅格化时对象的预览。

要查看 Illustrator 如何将对象分解为像素，请按照以下步骤操作：

第 1 步：打开包含矢量对象的 Illustrator 文件。

第 2 步：转到“视图”菜单，然后从下拉菜单中单击“像素预览”。

第 3 步：现在，放大艺术作品以查看其各个像素。

Illustrator 可以使用一个不可见的网格来确定像素的放置，该网格将画板分成 1/72 英寸。

切片和图像映射

网页包含许多元素，如 HTML 文本、位图图像和矢量图形。我们可以使用切片来定义艺术作品中不同网页元素的边界。例如：如果您想创建一个需要优化为 JPEG 格式的艺术作品，而图像的其余部分则最好优化为 GIF 文件，那么您可以使用切片来隔离位图图像。

切片：它是 Illustrator 文档，对应于结果网页中的表格单元格。切片是默认情况下包含在表格单元格中的导出图像文件。

要查看切片，您可以转到画板并使用“为 Web 和设备保存”对话框。切片从左到右、从上到下进行编号。如果我们更改切片的排列顺序或总数，切片编号将更新以反映新顺序。有两种自动切片：

自动切片：它包括我们未定义为切片的部分艺术作品。
子切片：它指示如何划分重叠的用户定义切片。

如何创建切片

第 1 步：打开画板并选择要为其创建切片的对象。

第 2 步：选择切片工具，然后拖动到要创建切片的区域。

第 3 步：现在，转到“从选区创建”命令或“从参考线创建”命令。

Adobe Device Central

它可用于使 Illustrator 用户能够预览文件在各种移动设备上的外观。例如：

我们可以使用 Illustrator 为手机设计壁纸。创建文件后，我们可以轻松地在各种手机上测试该文件。然后，我们将进行相应的调整。

如何从 Adobe Device Central 访问 Illustrator

第 1 步：转到“开始”菜单并启动 Adobe Device Central。

第 2 步：现在，打开资源管理器并选择文件。

第 3 步：之后，进行必要的更改，例如选择播放器版本、显示尺寸、Flash 版本或内容类型。

第 4 步：对于所有选定的设备选项，选择自定义尺寸，然后添加宽度和高度。

第 5 步：如果选择多个设备，Device Central 会为您选择一个尺寸。要选择不同的尺寸，您需要单击不同的设备或设备组。

第 6 步：最后，单击“创建”。

如何为移动设备创建 Illustrator 图像

如果您想优化移动设备的图像，请将艺术作品保存为任何 SVG 格式，该格式是为移动设备设计的。请遵循以下提示在移动设备上查看图像：

1. 要创建内容，请使用 SVG 标准。它可以用于以非常小的文件大小在移动设备上发布矢量图形。

2. 您必须从一开始就使用目标移动设备的最终尺寸进行工作。

3. 您需要将 Illustrator 的颜色模式设置为 RGB，因为 SVG 可以在 RGB 光栅显示设备上查看。

4. 尝试减少对象数量以减小文件大小。

5. 尽可能使用符号来一次定义描述对象的矢量，而不是多次。

6. 尝试重用对象，并减少动画图形的数量。

7. 考虑使用压缩版本的 SVG，即 SVGZ。

在 Adobe Illustrator 中创建动画

要在 Adobe Illustrator 中创建动画，我们需要将文件保存为 Flash 文件格式 (SWF)，它是矢量格式的。我们在 Illustrator 中创建的艺术作品可以在任何分辨率下保持其图像质量，并且是创建动画帧的理想选择。可以使用导出命令将艺术作品保存为 SWF 文件，也可以使用“为 Web 和设备保存”命令。

准备艺术作品以保存为 SWF 时要记住的要点