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

注意:
渐进的 JPEG 需要更多的内存才能查看,某些浏览器不支持该选项。
杂边
为在原始图像中透明的像素指定一个填充颜色。单击“杂边”色板以在拾色器中选择一种颜色,或者从“杂边”菜单中选择一个选项:“吸管颜色”(使用吸管样本框中的颜色)、“前景色”、“背景色”、“白色”、“黑色”或“其他”(使用拾色器)。
GIF 是用于压缩具有单调颜色和清晰细节的图像(如艺术线条、徽标或带文字的插图)的标准格式。与 GIF 格式一样,PNG-8 格式可有效地压缩纯色区域,同时保留清晰的细节。
PNG-8 和 GIF 文件支持 8 位颜色,因此它们可以显示多达 256 种颜色。确定使用哪些颜色的过程称为编制索引,因此,GIF 和 PNG‑8 格式的图像有时称为索引颜色图像。为了将图像转换为索引颜色,构建颜色查找表来保存图像中的颜色,并为这些颜色建立索引。如果原始图像中的某种颜色未出现在颜色查找表中,应用程序将在该表中选取最接近的颜色,或使用可用颜色的组合模拟该颜色。
除了以下选项之外,您还可以在图像的颜色表中调整颜色数量。请参见 为 GIF 和 PNG-8 图像自定义颜色表。
损耗(仅限于 GIF)
通过有选择地扔掉数据来减小文件大小。较高的“损耗”设置会导致更多数据被扔掉。通常,您可以应用 5-10 的“损耗”值,有时可高达 50,而不会降低图像品质。“损耗”选项可将文件大小减小 5% 到 40%。
注意:
不能将“损耗”选项与“交错”选项一起使用,也不能将“损耗”选项与“杂色”或“图案仿色”算法一起使用。
可感知 创建一个自定义颜色表,将人眼感知比较灵敏的颜色放入其中。
可选择 创建一个与“可感知”颜色表类似的颜色表,它支持的颜色范围更大且可以保留 Web 颜色。此颜色表通常会生成具有最大颜色完整性的图像。“可选择”是默认选项。
随样性 创建一个自定义颜色表,将从图像主要色谱中提取出的色样放入其中。例如,只包含绿色和蓝色的图像产生主要由绿色和蓝色构成的颜色表。大多数图像的颜色集中在色谱的特定区域。
限制 (Web) 使用 Windows 和 Mac OS 8 位(256 色)调板通用的标准 216 色颜色表。该选项确保当使用 8 位颜色显示图像时,不会对颜色应用浏览器仿色。(该调板也称为 Web 安全调板。) 使用 Web 调板可能会创建较大的文件,因此,只有当避免浏览器仿色是优先考虑的因素时,才建议使用该选项。
自定义 使用用户创建或修改的调色板。如果打开现有的 GIF 或 PNG-8 文件,它将具有自定调色板。
注意:
使用“存储为 Web 和设备所用格式”对话框中的“颜色表”调板可自定义颜色查找表。
仿色方法和仿色
确定应用程序仿色的方法和数量。“仿色”是指模拟计算机的颜色显示系统中未提供的颜色的方法。较高的仿色百分比使图像中出现更多的颜色和更多的细节,但同时也会增大文件大小。为了获得最佳压缩比,请使用可提供所需颜色细节的最低百分比的仿色。若图像所包含的颜色主要是纯色,则在不应用仿色时通常也能正常显示。包含连续色调(尤其是颜色渐变)的图像,可能需要仿色以防止出现颜色条带现象。

扩散 应用的随机图案通常不如“图案”仿色那么明显。仿色效果会在相邻像素间扩散。
图案 使用类似半调的方形图案模拟颜色表中没有的颜色。
杂色 应用与“扩散”仿色方法相似的随机图案,但不在相邻像素间扩散图案。使用“杂色”仿色方法时不会出现接缝。
要使完全透明的像素透明并将部分透明的像素与一种颜色相混合,请选择“透明度”,然后选择一种杂边颜色。
要使用一种颜色填充完全透明的像素并将部分透明的像素与同一种颜色相混合,请选择一种杂边颜色,然后取消选择“透明度”。
要选择杂边颜色,请单击“杂边”色板,然后在拾色器中选择一种颜色。或者,从“杂边”菜单中选择一个选项:“吸管颜色”(使用吸管样本框中的颜色)、“前景色”、“背景色”、“白色”、“黑色”或“其他”(使用拾色器)。
注意:
“前景色”和“背景色”选项仅在 Photoshop 中提供。

“无透明度仿色”不对图像中部分透明的像素应用仿色。
“扩散透明度仿色”应用的随机图案通常没有“图案”仿色那么明显。仿色效果会在相邻像素间扩散。如果选择此算法,请指定“仿色”百分比以控制应用于图像的仿色量。
“图案透明度仿色”对部分透明的像素应用类似半调的方块图案。
“杂色透明度仿色”应用与“扩散”算法相似的随机图案,但不在相邻像素间扩散图案。使用“杂色”算法时不会出现接缝。

利用透明度可以创建适用于 Web 的非矩形图像。背景透明度可保留图像中的透明像素。这样,网页的背景可以通过图像的透明区域显示出来。背景杂边通过使用与网页背景相匹配的杂边颜色填充或混合透明像素来模拟透明度。如果网页背景是纯色并且如果您知道是哪种颜色,则背景杂边效果最佳。
使用“存储为 Web 和设备所用格式”对话框中的“透明度”和“杂边”选项可指定如何优化 GIF 和 PNG 图像中的透明像素。
- (GIF 和 PNG-8)要使完全透明的像素透明并将部分透明的像素与一种颜色相混合,请选择“透明度”,然后选择一种杂边颜色。
- 要使用一种颜色填充完全透明的像素并将部分透明的像素与同一种颜色相混合,请选择一种杂边颜色,然后取消选择“透明度”。
- (GIF 和 PNG-8)要使所有透明度大于 50% 的像素完全透明,并且所有透明度等于或小于 50% 的像素完全不透明,请选择“透明度”,然后从“杂边”菜单中选择“无”。
- (PNG-24) 要存储具有多级别透明度的图像(可高达 256 级),请选择“透明度”。由于多级别透明度允许图像与任何背景色相混合,因此将停用“杂边”选项。
注意:
在不支持 PNG-24 透明度的浏览器中,可以针对默认背景色(如灰色)显示透明像素。
要选择杂边颜色,请单击“杂边”色板,然后在拾色器中选择一种颜色。或者,从“杂边”菜单中选择一个选项:“吸管颜色”(使用吸管样本框中的颜色)、“前景色”、“背景色”、“白色”、“黑色”或“其他”(使用拾色器)。
注意:
“前景色”和“背景色”选项仅在 Photoshop 中提供。
选择以 GIF 或 PNG-8 格式优化的切片。所选切片的颜色表显示在“存储为 Web 和设备所用格式”颜色表中。
如果图像有多个切片,颜色表中的颜色可能会因切片而异(可以先链接这些切片以防发生这种情况)。如果选择多个使用不同颜色表的切片,则颜色表是空的,并且其状态栏显示消息“混合”。
可使用“存储为 Web 和设备所用格式”对话框中的颜色表对优化的 GIF 和 PNG-8 图像中的颜色进行自定义。减少颜色数量通常可以减小图像的文件大小,同时保持图像品质。
可以在颜色表中添加和删除颜色,将所选颜色转换为 Web 安全颜色,并锁定所选颜色以防从调板中删除它们。
从“颜色表”调板菜单中选择一种排序顺序:
- “未排序”将恢复原始排序顺序。
- “按色相排序”将按颜色在标准色轮上(表示为 0 到 360 度)的位置进行排序。中性色的色相被指定为 0,且与红色在一起。
- “按亮度排序”将按颜色的明度或亮度进行排序。
- “按普及度排序”将按颜色在图像中出现的频率进行排序。
在颜色表中选定颜色周围会出现一个白框。
- 要选择某种颜色,请在颜色表中单击该颜色。
- 要在颜色表中选择多种颜色,请按 Shift 键并点按另一种颜色。第一次和第二次选中颜色之间的行中的所有颜色都被选中。要选择不相邻的一组颜色,请按 Ctrl 键 (Windows) 或 Command 键 (Mac OS) 并单击要选择的每种颜色。 “颜色表”调板菜单还提供了用于选择颜色的命令。
- 要在预览图像中选择颜色,请使用“存储为 Web 和设备所用格式”吸管工具在预览中单击。按住 Shift 键并单击可选择其他颜色。
- 要取消选择所有颜色,请从“颜色表”调板菜单中选择“取消选择所有颜色”。
要防止颜色在浏览器中进行仿色,可将颜色转换为 Web 调板中最接近的等效颜色。这样就确保了当在只能显示 256 种颜色的 Windows 或 Macintosh 操作系统上的浏览器中显示时,颜色不会仿色。
注意:
锁定颜色不能防止它们在浏览器中仿色。
可以从颜色表中删除所选颜色以减小图像文件大小。删除某种颜色时,将使用调板中剩下的最接近颜色来重新显示以前包含该颜色的优化图像区域。
当删除颜色时,颜色表自动更改为“自定”调板。这是因为当重新优化图像时,“随样性”、“可感知”和“可选择”调板会自动将删除的颜色添加回调板 -- 在重新优化图像时,“自定”调板不会变化。
WBMP 格式是用于优化移动设备(如移动电话)图像的标准格式。WBMP 支持 1 位颜色,意即 WBMP 图像只包含黑色和白色像素。
仿色算法和百分比确定应用程序仿色的方法和数量。为了获得最佳外观,请使用可提供所需细节的最低百分比的仿色。
可以选择以下几种仿色方法之一:
注意:
扩散仿色可能导致切片边界上出现可觉察到的接缝。链接切片可在所有链接的切片上扩散仿色图案并消除接缝。
Adobe Flash (SWF) 文件格式是一种基于矢量的图形文件格式,它用于创建适合 Web 的可缩放小尺寸图形。由于该文件格式基于矢量,因此,图稿可在任何分辨率下保持其图像品质。SWF 格式尤其适用于创建动画帧,但也可以采用 SWF 格式存储栅格图像,或者混合栅格和矢量图形。
注意:
选择“AI 文件到 SWF 文件”可保留图层剪切蒙版。
注意:
SWF 仅支持对象级的不透明度。
注意:
使用“导出”命令(而非“存储为 Web 和设备所用格式”命令)通过将每个图层导出到一个单独的 SWF 文件,保持图稿的堆叠顺序。可随后将导出的 SWF 文件同时导入到 Adobe Flash 中。
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 配置文件的其他信息,请参阅万维网联盟 (W3C) 网站 (www.w3.org) 上的 SVG 规范。
字体子集
控制哪些字形从 SVG 文件嵌入。如果可以依赖于在最终用户系统上安装的必要字体,那么请从“子集”菜单选择“无”。选择“仅使用的字形”将只包含当前图稿中存在的文本的字形。其他值(通用英文、通用英文和使用的字形、通用罗马字、通用罗马字和使用的字形、所有字形)在 SVG 文件的文本内容为动态(例如服务器生成的文本或用户交互文本)时有用。
Adobe CEF 使用字体提示以更好渲染小字体。Adobe SVG 查看器支持此字体类型,但其他 SVG 查看器可能不支持。
SVG 不使用字体提示。所有 SVG 查看器均支持此字体类型。
转换为轮廓 将类型转换为矢量路径。使用此选项可保留文字在所有 SVG 查看器中的视觉外观。
CSS 属性
确定如何在 SVG 模式中存储 CSS 样式属性。默认方法(演示文稿属性)在层次结构的最高点应用属性,因而使特定编辑和变换具有最大的灵活性。“样式属性”方法创建的文件具有最佳的可读性,但这种方法可能会增加文件的大小。如果要将 SVG 代码用于变换,例如使用 XSLT(可扩展样式表语言变换)进行的变换,请选择此方法。“实体引用”方法会缩短渲染时间并减小 SVG 文件大小。与 HTML 文档共享文件时可使用“样式元素”方法。选用“样式元素”方法,您可以修改 SVG 文件,将样式元素移动到 HTML 文件引用的外部样式表;但是“样式元素”选项也会减缓渲染速度。