Web 图形格式可以是位图（栅格）或矢量。位图格式（GIF、JPEG、PNG 和 WBMP）与分辨率有关，这意味着位图图像的大小在不同的显示器分辨率下会有所不同，图像品质也可能不同。矢量格式（SVG 和 SWF）与分辨率无关，可以放大或缩小图像，而不会降低图像品质。矢量格式也可以包含栅格数据。 

JPEG 优化选项

JPEG 是用于压缩连续色调图像（如照片）的标准格式。将图像作为 JPEG 格式进行优化依赖于有损压缩，它会有选择地丢弃数据。

确定压缩程度。“品质”设置越高，压缩算法保留的细节越多。但是，使用高“品质”设置比使用低“品质”设置生成的文件大。查看几种品质设置下的优化图像，确定品质和文件大小之间的最佳平衡点。

创建文件大小稍小的增强 JPEG。要最大限度地压缩文件，建议使用优化的 JPEG 格式；但是，某些旧版浏览器不支持此功能。

在 Web 浏览器中以渐进方式显示图像。图像将显示为一系列叠加图形，从而使浏览者能够在图像完全下载前查看它的低分辨率版本。“渐进”选项要求使用优化后的 JPEG 格式。

指定应用于图像的模糊量。此选项应用与高斯模糊滤镜相同的效果，并允许进一步压缩文件以使文件更小。建议设置在 0.1 到 0.5 之间。

在优化文件中保存颜色配置文件。某些浏览器使用颜色配置文件进行颜色校正。

为在原始图像中透明的像素指定一个填充颜色。单击“杂边”色板以在拾色器中选择一种颜色，或者从“杂边”菜单中选择一个选项：“吸管颜色”（使用吸管样本框中的颜色）、“前景色”、“背景色”、“白色”、“黑色”或“其他”（使用拾色器）。

原始图像中完全透明的像素由所选的颜色填充；原始图像中部分透明的像素与所选的颜色相混合。

GIF 和 PNG-8 优化选项

GIF 是用于压缩具有单调颜色和清晰细节的图像（如艺术线条、徽标或带文字的插图）的标准格式。与 GIF 格式一样，PNG-8 格式可有效地压缩纯色区域，同时保留清晰的细节。

PNG-8 和 GIF 文件支持 8 位颜色，因此它们可以显示多达 256 种颜色。确定使用哪些颜色的过程称为编制索引，因此，GIF 和 PNG‑8 格式的图像有时称为索引颜色图像。为了将图像转换为索引颜色，构建颜色查找表来保存图像中的颜色，并为这些颜色建立索引。如果原始图像中的某种颜色未出现在颜色查找表中，应用程序将在该表中选取最接近的颜色，或使用可用颜色的组合模拟该颜色。

除了以下选项之外，您还可以在图像的颜色表中调整颜色数量。请参见 为 GIF 和 PNG-8 图像自定义颜色表。

通过有选择地扔掉数据来减小文件大小。较高的“损耗”设置会导致更多数据被扔掉。通常，您可以应用 5-10 的“损耗”值，有时可高达 50，而不会降低图像品质。“损耗”选项可将文件大小减小 5% 到 40%。

指定用于生成颜色查找表的方法，以及想要在颜色查找表中使用的颜色数量。可以选择以下减低颜色深度算法之一：

可感知 创建一个自定义颜色表，将人眼感知比较灵敏的颜色放入其中。

可选择 创建一个与“可感知”颜色表类似的颜色表，它支持的颜色范围更大且可以保留 Web 颜色。此颜色表通常会生成具有最大颜色完整性的图像。“可选择”是默认选项。

随样性 创建一个自定义颜色表，将从图像主要色谱中提取出的色样放入其中。例如，只包含绿色和蓝色的图像产生主要由绿色和蓝色构成的颜色表。大多数图像的颜色集中在色谱的特定区域。

限制 (Web) 使用 Windows 和 Mac OS 8 位（256 色）调板通用的标准 216 色颜色表。该选项确保当使用 8 位颜色显示图像时，不会对颜色应用浏览器仿色。（该调板也称为 Web 安全调板。） 使用 Web 调板可能会创建较大的文件，因此，只有当避免浏览器仿色是优先考虑的因素时，才建议使用该选项。

自定义 使用用户创建或修改的调色板。如果打开现有的 GIF 或 PNG-8 文件，它将具有自定调色板。

黑白、灰度、Mac OS、Windows 使用一组调色板。

确定应用程序仿色的方法和数量。“仿色”是指模拟计算机的颜色显示系统中未提供的颜色的方法。较高的仿色百分比使图像中出现更多的颜色和更多的细节，但同时也会增大文件大小。为了获得最佳压缩比，请使用可提供所需颜色细节的最低百分比的仿色。若图像所包含的颜色主要是纯色，则在不应用仿色时通常也能正常显示。包含连续色调（尤其是颜色渐变）的图像，可能需要仿色以防止出现颜色条带现象。

可以选择以下几种仿色方法之一：

扩散 应用的随机图案通常不如“图案”仿色那么明显。仿色效果会在相邻像素间扩散。

图案 使用类似半调的方形图案模拟颜色表中没有的颜色。

杂色 应用与“扩散”仿色方法相似的随机图案，但不在相邻像素间扩散图案。使用“杂色”仿色方法时不会出现接缝。

确定如何优化图像中的透明像素。

• 要使完全透明的像素透明并将部分透明的像素与一种颜色相混合，请选择“透明度”，然后选择一种杂边颜色。

• 要使用一种颜色填充完全透明的像素并将部分透明的像素与同一种颜色相混合，请选择一种杂边颜色，然后取消选择“透明度”。

• 要选择杂边颜色，请单击“杂边”色板，然后在拾色器中选择一种颜色。或者，从“杂边”菜单中选择一个选项：“吸管颜色”（使用吸管样本框中的颜色）、“前景色”、“背景色”、“白色”、“黑色”或“其他”（使用拾色器）。

A. 原始图像 B. 选择透明度并选择一种杂边颜色 C. 选择透明度并选择不带杂边颜色 D. 取消选择透明度并选择一种杂边颜色

选择“透明度”选项后，可以选取对部分透明的像素应用仿色的方法：

• “无透明度仿色”不对图像中部分透明的像素应用仿色。

• “扩散透明度仿色”应用的随机图案通常没有“图案”仿色那么明显。仿色效果会在相邻像素间扩散。如果选择此算法，请指定“仿色”百分比以控制应用于图像的仿色量。

• “图案透明度仿色”对部分透明的像素应用类似半调的方块图案。

• “杂色透明度仿色”应用与“扩散”算法相似的随机图案，但不在相邻像素间扩散图案。使用“杂色”算法时不会出现接缝。

当完整图像文件正在下载时，在浏览器中显示图像的低分辨率版本。交错可使下载时间感觉更短，并使浏览者确信正在进行下载。但是，交错也会增加文件大小。

指定将颜色转换为最接近的 Web 调板等效颜色的容差级别（并防止颜色在浏览器中进行仿色）。值越大，转换的颜色越多。

优化 GIF 和 PNG 图像中的透明度

利用透明度可以创建适用于 Web 的非矩形图像。背景透明度可保留图像中的透明像素。这样，网页的背景可以通过图像的透明区域显示出来。背景杂边通过使用与网页背景相匹配的杂边颜色填充或混合透明像素来模拟透明度。如果网页背景是纯色并且如果您知道是哪种颜色，则背景杂边效果最佳。

使用“存储为 Web 和设备所用格式”对话框中的“透明度”和“杂边”选项可指定如何优化 GIF 和 PNG 图像中的透明像素。

• （GIF 和 PNG-8）要使完全透明的像素透明并将部分透明的像素与一种颜色相混合，请选择“透明度”，然后选择一种杂边颜色。
• 要使用一种颜色填充完全透明的像素并将部分透明的像素与同一种颜色相混合，请选择一种杂边颜色，然后取消选择“透明度”。
• （GIF 和 PNG-8）要使所有透明度大于 50% 的像素完全透明，并且所有透明度等于或小于 50% 的像素完全不透明，请选择“透明度”，然后从“杂边”菜单中选择“无”。
• (PNG-24) 要存储具有多级别透明度的图像（可高达 256 级），请选择“透明度”。由于多级别透明度允许图像与任何背景色相混合，因此将停用“杂边”选项。

要选择杂边颜色，请单击“杂边”色板，然后在拾色器中选择一种颜色。或者，从“杂边”菜单中选择一个选项：“吸管颜色”（使用吸管样本框中的颜色）、“前景色”、“背景色”、“白色”、“黑色”或“其他”（使用拾色器）。

查看优化切片的颜色表

切片的颜色表显示在“存储为 Web 和设备所用格式”对话框的“颜色表”面板中。

选择以 GIF 或 PNG-8 格式优化的切片。所选切片的颜色表显示在“存储为 Web 和设备所用格式”颜色表中。

如果图像有多个切片，颜色表中的颜色可能会因切片而异（可以先链接这些切片以防发生这种情况）。如果选择多个使用不同颜色表的切片，则颜色表是空的，并且其状态栏显示消息“混合”。

 为 GIF 和 PNG-8 图像自定义颜色表。

可使用“存储为 Web 和设备所用格式”对话框中的颜色表对优化的 GIF 和 PNG-8 图像中的颜色进行自定义。减少颜色数量通常可以减小图像的文件大小，同时保持图像品质。

可以在颜色表中添加和删除颜色，将所选颜色转换为 Web 安全颜色，并锁定所选颜色以防从调板中删除它们。

对颜色表进行排序

从“颜色表”调板菜单中选择一种排序顺序：

• “未排序”将恢复原始排序顺序。
• “按色相排序”将按颜色在标准色轮上（表示为 0 到 360 度）的位置进行排序。中性色的色相被指定为 0，且与红色在一起。
• “按亮度排序”将按颜色的明度或亮度进行排序。
• “按普及度排序”将按颜色在图像中出现的频率进行排序。

在颜色表中添加新颜色

可以添加在构建颜色表时遗漏的颜色。将颜色添加到动态表中将替换调板中与新颜色最接近的颜色。将颜色添加到固定或自定表中将向调板添加其他颜色。

选择颜色表中的颜色

在颜色表中选定颜色周围会出现一个白框。

• 要选择某种颜色，请在颜色表中单击该颜色。
• 要在颜色表中选择多种颜色，请按 Shift 键并点按另一种颜色。第一次和第二次选中颜色之间的行中的所有颜色都被选中。要选择不相邻的一组颜色，请按 Ctrl 键 (Windows) 或 Command 键 (Mac OS) 并单击要选择的每种颜色。 “颜色表”调板菜单还提供了用于选择颜色的命令。
• 要在预览图像中选择颜色，请使用“存储为 Web 和设备所用格式”吸管工具在预览中单击。按住 Shift 键并单击可选择其他颜色。
• 要取消选择所有颜色，请从“颜色表”调板菜单中选择“取消选择所有颜色”。

转换颜色

可以将颜色表中的所选颜色更改为任何其他 RGB 颜色值。当重新生成优化图像时，不管出现在图像的什么地方，选中的颜色都更改为新颜色。

将颜色转换为最接近的 Web 调板等效颜色

要防止颜色在浏览器中进行仿色，可将颜色转换为 Web 调板中最接近的等效颜色。这样就确保了当在只能显示 256 种颜色的 Windows 或 Macintosh 操作系统上的浏览器中显示时，颜色不会仿色。

将颜色映射到透明度

通过将现有颜色映射至透明，可以在优化图像中添加透明度。

锁定或解锁颜色

可以在颜色表中锁定所选颜色，防止它们在颜色数量减少时被删除和在应用程序中仿色。

删除所选的颜色

可以从颜色表中删除所选颜色以减小图像文件大小。删除某种颜色时，将使用调板中剩下的最接近颜色来重新显示以前包含该颜色的优化图像区域。

当删除颜色时，颜色表自动更改为“自定”调板。这是因为当重新优化图像时，“随样性”、“可感知”和“可选择”调板会自动将删除的颜色添加回调板 -- 在重新优化图像时，“自定”调板不会变化。

存储颜色表

可以存储优化图像中的颜色表，用于其他图像和载入在其他应用程序中创建的颜色表。将新的颜色表载入图像后，优化图像中的颜色会更改以反映新颜色表中的颜色。

载入颜色表

PNG-24 优化选项

PNG-24 适合于压缩连续色调图像；但它所生成的文件比 JPEG 格式生成的文件要大得多。使用 PNG-24 的优点在于可在图像中保留多达 256 个透明度级别。

确定如何优化图像中的透明像素。请参见 优化 GIF 和 PNG 图像中的透明度。

当完整图像文件正在下载时，在浏览器中显示图像的低分辨率版本。交错可使下载时间感觉更短，并使浏览者确信正在进行下载。但是，交错也会增加文件大小。

WBMP 优化选项

WBMP 格式是用于优化移动设备（如移动电话）图像的标准格式。WBMP 支持 1 位颜色，意即 WBMP 图像只包含黑色和白色像素。

仿色算法和百分比确定应用程序仿色的方法和数量。为了获得最佳外观，请使用可提供所需细节的最低百分比的仿色。

可以选择以下几种仿色方法之一：

根本不应用仿色，同时用纯黑和纯白像素渲染图像。

应用的随机图案通常不如“图案”仿色那么明显。仿色效果会在相邻像素间扩散。如果选择此算法，请指定“仿色”百分比以控制应用于图像的仿色量。

应用类似半调的方块图案来确定像素值。

应用与“扩散”仿色相似的随机图案，但不在相邻像素间扩散图案。使用“杂色”算法时不会出现接缝。

SWF 优化选项 (Illustrator)

Adobe Flash (SWF) 文件格式是一种基于矢量的图形文件格式，它用于创建适合 Web 的可缩放小尺寸图形。由于该文件格式基于矢量，因此，图稿可在任何分辨率下保持其图像品质。SWF 格式尤其适用于创建动画帧，但也可以采用 SWF 格式存储栅格图像，或者混合栅格和矢量图形。

指定一组要用于导出的预配置选项。可通过设置所需的选项，然后从面板菜单中选择“存储设置”来创建新的预设。（要打开面板菜单，请单击“预设”菜单右侧的三角形。）

指定支持所导出文件的最早的 Flash Player 版本。

确定如何导出图层。选择“AI 文件到 SWF 文件”会将图稿导出到一帧。选择“图层到 SWF 帧”以将每个图层上的图稿导出到单独的 SWF 帧，从而创建动画 SWF。

指定贝塞尔曲线的精确度。较小的数字将减小导出文件的大小，并略微损失曲线品质。较高的数字将增加贝塞尔曲线重现的精度，但产生较大的文件大小。

指定在 Flash 查看器中播放动画的速率。该选项仅适用于“图层到 SWF 帧”。

使动画在 Flash 查看器中连续循环播放，而不是播放一次后停止。该选项仅适用于“图层到 SWF 帧”。

将笔触扩展到笔触形状的填充中，并拼合 SWF 不支持的任一混合模式和透明度。

将笔触转换为 SWF 笔触，并模拟或忽略 SWF 不支持的透明度。

压缩导出的文件。

对文件进行保护，以使 Flash 以外的应用程序无法导入该文件。

将所有文本转换为轮廓以保持外观。如果准备在 Flash 中编辑文本，请不要选择此选项。

SVG 优化选项 (Illustrator)

SVG 是将图像描述为形状、路径、文本和滤镜效果的矢量格式。生成的文件很小，可以在 Web、打印甚至资源有限的手持设备上提供较高品质的图像。

创建压缩的 SVG (SVGZ) 文件。

为导出的文件指定 SVG XML 文档类型定义。

SVG 1.0 和 SVG 1.1 适合要在台式计算机上查看的 SVG 文件。SVG 1.1 是 SVG 规范的完整版本，而 SVG Tiny 1.1、SVG Tiny 1.1 Plus、SVG Tiny 1.2 和 SVG Basic 1.1 是其子集。

SVG Basic 1.1 适合要在中型设备（如手持设备）上查看的 SVG 文件。请记住，不是所有手持设备都支持 SVG Basic 配置文件。因此，选择此选项并不保证可以在所有手持设备上查看 SVG 文件。SVG Basic 不支持非矩形剪切和某些 SVG 滤镜效果。

SVG Tiny 1.1 和 SVG Tiny 1.1+ 适合要在小型设备（如手机）上查看的 SVG 文件。注意，并非所有手机都支持 SVG Tiny 和 SVG Tiny Plus 配置文件。因此，选择这两个选项中的一个并不保证可以在所有小型设备上查看 SVG 文件。

SVG Tiny 1.2 适合要在各种设备（包括 PDA 、移动电话、便携式计算机和台式计算机）上查看的 SVG 文件。
SVG Tiny 不支持渐变、透明度、剪切、蒙版、符号或 SVG 滤镜效果。SVG Tiny Plus 包括显示渐变和透明度的功能，但不支持剪切、蒙版、符号或 SVG 滤镜效果。

确定 SVG 文件中矢量数据的精度。小数位数可以设置为 1 个到 7 个之间。较大的值会使文件更大，并提高图像质量。

控制哪些字形从 SVG 文件嵌入。如果可以依赖于在最终用户系统上安装的必要字体，那么请从“子集”菜单选择“无”。选择“仅使用的字形”将只包含当前图稿中存在的文本的字形。其他值（通用英文、通用英文和使用的字形、通用罗马字、通用罗马字和使用的字形、所有字形）在 SVG 文件的文本内容为动态（例如服务器生成的文本或用户交互文本）时有用。

指定如何导出字体。

Adobe CEF 使用字体提示以更好渲染小字体。Adobe SVG 查看器支持此字体类型，但其他 SVG 查看器可能不支持。

SVG 不使用字体提示。所有 SVG 查看器均支持此字体类型。

转换为轮廓 将类型转换为矢量路径。使用此选项可保留文字在所有 SVG 查看器中的视觉外观。

指定是否嵌入或链接到图像。图像嵌入将增加文件大小，但可以确保栅格化图像始终可用。

确定如何在 SVG 模式中存储 CSS 样式属性。默认方法（演示文稿属性）在层次结构的最高点应用属性，因而使特定编辑和变换具有最大的灵活性。“样式属性”方法创建的文件具有最佳的可读性，但这种方法可能会增加文件的大小。如果要将 SVG 代码用于变换，例如使用 XSLT（可扩展样式表语言变换）进行的变换，请选择此方法。“实体引用”方法会缩短渲染时间并减小 SVG 文件大小。与 HTML 文档共享文件时可使用“样式元素”方法。选用“样式元素”方法，您可以修改 SVG 文件，将样式元素移动到 HTML 文件引用的外部样式表；但是“样式元素”选项也会减缓渲染速度。

确定 SVG 文件中的字符编码方式。所有 XML 处理程序都支持 UTF（Unicode 变换格式）编码。（UTF-8 是 8 位格式；UTF-16 是 16 位格式。） ISO 8859-1 和 UTF-16 编码不保留文件元数据。

对要通过 Adobe SVG 查看器查看的图像进行优化。

更多帮助主题

针对 Web 优化图像