Web 图形的输出设置

设置输出选项

HTML 输出选项

切片输出选项

背景输出设置

存储文件输出设置

在图像中包括标题和版权信息


设置输出选项

输出设置控制如何设置 HTML 文件的格式、如何命名文件和切片,以及在存储优化图像时如何处理背景图像。在“输出设置”对话框中设置这些选项。 可以存储输出设置并将它们应用于其他文件。

  1. 要显示“输出设置”对话框,请执行以下操作之一:
    • 存储优化的图像时,从“存储优化结果”或“将优化结果存储为”对话框的“设置”弹出菜单中选择“其它”。
    • 从“存储为 Web 和设备所用格式”对话框的“优化”弹出菜单(“预设”菜单右侧)中选择“编辑输出设置”。
  2. (可选)要显示预定义的输出选项,请从“设置”弹出菜单中选取一个选项。
  3. 根据需要编辑每个选项集。要切换到不同的选项集,请从“设置”菜单下方的弹出菜单中选取一个选项组。或者,点按“下一个”显示菜单列表中的下一组,点按“上一个”显示上一组。
  4. (可选)要存储输出设置,请根据需要设置选项,然后点按“存储”。键入文件名,选取存储文件的位置,然后点按“保存”。

    可以将输出设置存储在任何位置。但是,如果将文件放在 Photoshop 文件夹内的 Optimized Output Settings 文件夹中,或者放在 Illustrator 文件夹内的 Save For Web Settings/Output Settings 文件夹中,文件将显示在“设置”弹出菜单中。

  5. (可选)要载入输出设置,请单击“载入”,选择一个文件,然后单击“打开”。

HTML 输出选项

您可以在 HTML 组中设置下列选项:

输出 XHTML 创建满足 XHTML 导出标准的 Web 页。如果选取“输出 XHTML”,则会停用可能与此标准冲突的其他输出选项。选择此选项将自动设置“标签大小写”和“属性大小写”选项。

标签大小写 指定标签的大小写。

属性大小写 指定属性的大小写。

缩进 指定代码行的缩进方法:使用创作应用程序的制表位设置、 使用指定的间距量或不使用缩进。

行结尾 为行结尾兼容性指定平台。

编码 为 Web 页指定默认字符编码。(此选项只适用于 Illustrator;Photoshop 始终使用 UTF-8 编码。)

包含注释在 HTML 代码中添加说明性注释。

总是添加 Alt 属性 将 ALT 属性添加到 IMG 元素中,以遵从官方的 Web 可访问性标准。

总是为属性加上引号 在所有标记属性两侧加上引号。为了与某些 早期浏览器兼容和严格遵从 HTML,必须在属性两侧加上引号。但是,并不建议总是为属性加上引号。如果取消选择该选项,当需要与大多数浏览器兼容时,应使用引号。

结束所有标记 为文件中的所有 HTML 元素添加结束标记,以遵从 XHTML。

在正文标记中包含零边距 去除浏览器窗口中的默认内部边距。将值为零的边距宽度、边距高度、左边距和顶边距添加到正文标记中。


切片输出选项

在“切片”组中可以设置下列选项:

生成表格使用 HTML 表(而不是级联样式表)对齐切片。

空单元格指定将空切片转换为表单元格的方式。选择“GIF, IMG W&H”,使用一个像素的 GIF,其宽度和高度值在 IMG 标记中指定。选择“GIF, TD W&H”,使用一个像素的 GIF,其宽度和高度值在 TD 标记中指定。选择“NoWrap, TD W&H”,在表数据上放置非标准的 NoWrap 属性,并放置 TD 标记上指定的宽度和高度值。

TD W&H 指定何时包括表数据的宽度和高度属性:“总是”、“从不”或“自动”(推荐的设置)。

分隔符单元格 指定何时在生成的表周围添加一行和一列空白分隔符单元格:“自动”(推荐的设置)、“自动(底部)”、“总是”、“总是(底部)”或“从不”。对于切片边界没有对齐的表版面,添加分隔符单元格可以防止表在某些浏览器中断开。

生成 CSS 生成级联样式表,而不是 HTML 表格。

参考 指定在使用 CSS 时如何在 HTML 文件中引用切片位置:

  • 根据 ID 使用由唯一 ID 引用的样式放置每个切片。
  • 将样式元素包括在块元素
    标记的声明中。
  • 根据类 使用由唯一 ID 引用的类放置每个切片。

默认切片命名 从弹出菜单选取元素或在字段中输入文本,以创建切片的默认名称。这些元素包括文档名、切片一词、指定切片或翻转状态的编号或字母、切片创建日期、标点符号或“无”。


背景输出设置

可在“输出设置”对话框的“背景色”集合中设置以下选项:

将文档看作 如果希望网页将一个图像或纯色作为背景显示在当前图像的后面,请选择“图像”。如果希望网页将优化图像显示为拼贴的背景,请选择“背景”。

背景图像 输入图像文件的位置,或者单击“选取”并选择一个图像。所指定的文件将拼贴在网页上的优化图像的后面。

颜色 单击“颜色”框,然后使用拾色器选择一种背景颜色,或者从弹出菜单中选择一个选项。


存储文件输出设置

可在“输出设置”对话框的“存储文件”集合中设置以下选项:

文件命名 从弹出菜单中选取元素,或者在框中输入要组合为所有文件的默认名称的文本。这些元素包括文档名称、切片名称、翻转状态、触发器切片、文件创建日期、切片编号、标点符号和文件扩展名。仅当文件包含切片或翻转状态时,某些选项才适用。

这些字段使您可以更改文件名各部分的顺序和格式(例如,使您可以按缩写而非完整的词来表示翻转状态)。

文件名兼容性 选择一个或多个选项,使文件名与 Windows(允许长文件名)、Mac OS 和 UNIX 操作系统兼容。

将图像放进文件夹 指定优化图像的存储文件夹的名称(当文档包含多个切片时才可用)。

存储时复制背景图像 保留在“背景”首选项组中指定的背景图像。


在图像中包括标题和版权信息

通过在“文件信息”对话框中输入信息向网页中添加标题和版权信息。当使用 HTML 文件导出图像时,标题信息显示在 Web 浏览器的标题栏上。版权信息不在浏览器中显示;但是它作为注释添加到 HTML 文件中,并作为元数据添加到图像文件中。

  1. 选择“文件”> 文件简介.
  2. 要输入将在 Web 浏览器标题栏中显示的标题,请在“文件信息”对话框“说明”部分的“文档标题”文本框中输入所需的文本。
  3. 要输入版权信息,请在“文件信息”对话框“说明”部分的“版权公告”文本框中输入所需的文本。
  4. 单击“确定”。