JPEG、PNG 或 GIF 图像资源可以从 PSD 文件图层或图层组中的内容生成。将受支持的图像格式扩展添加到图层名称或图层组名称时，会自动生成资源。（可选）您也可以指定所生成图像资源的品质和大小参数。
从 PSD 文件生成图像资源对于多设备 Web 设计来说尤其有用。
视频：在 Photoshop CC 中生成 Web 资源
有关如何使用 Adobe Generator 创建和生成 Web 图形，请参阅将资源提取为 Web 所用格式。
要更好地了解图像资源生成器，请考虑具有以下图层层次结构的简单 PSD 文件（从此链接下载）：
按照以下步骤从此 PSD 文件生成图像资源：
- 打开 PSD 文件后，选择“文件”>“生成”>“图像资源”。
- 将适当的文件格式扩展名（.jpg、.png 或 .gif）添加到您要从中生成图像资源的图层或图层组的名称中。例如，将图层组 Rounded_rectangles 和 Ellipses 重命名为 Rounded_rectangles.jpg 和 Ellipses.png；将图层 Ellipse_4 重命名为 Ellipse_4.gif。
注意:
图层名称不支持特殊字符 : 和 *。
注意:
图像资源生成功能针对当前文档启用。启用后，无论何时再次打开该文档，功能仍然可用。要禁用当前文档的图像资源生成功能，请取消选择“文件”>“生成”>“图像资源”。
注意:
将从图层/图层组的内容中生成一个图像资源。例如，上面屏幕抓图中的 AdventureCo Logo 图层组包含一个形状图层和一个活动文本图层。当从图层组生成图像资源时，这些图层会进行拼合。
- 添加所需的输出品质作为该资源名称后缀：jpg(1-10) 或 jpg(1-100%)。例如：
- Ellipse_4.jpg5
- Ellipse_4.jpg50%
- 添加所需的输出图像大小（相对大小或以支持的格式：px、in、cm 和 mm）作为该资源名称前缀。Photoshop 会相应地缩放图像。例如：
- 200% Ellipse_4.jpg
- 300 x 200 Rounded_rectangle_3.jpg
- 10in x 200mm Rounded_rectangle_3.jpg
注意:
根据说明，当指定所需输出图像大小时，可以混合使用不同的单位和像素。例如，4in x 100 Rounded_rectangle_3.jpg 是资源生成的有效图层名称。
- 添加所需的输出品质作为该资源名称后缀：8、24 或 32。例如：
- Ellipse_4.png24
- 添加所需的输出图像大小（相对大小或以支持的格式：px、in、cm 和 mm）作为该资源名称前缀。Photoshop 会相应地缩放图像。例如：
- 42% Ellipse_4.png
- 300mm x 20cm Rounded_rectangle_3.png
- 10in x 50cm Rounded_rectangle_3.png
注意:
根据说明，当指定所需输出图像大小时，可以混合使用不同的单位和像素。例如，4in x 100 Rounded_rectangle_3.png 是资源生成的有效图层名称。
- 添加所需的输出图像大小（相对大小或以支持的格式：px、in、cm 和 mm）作为该资源名称前缀。例如：
- 42% Ellipse_4.gif
- 300mm x 20cm Rounded_rectangle_3.gif
- 20in x 50cm Rounded_rectangle_3.gif
注意:
根据说明，当指定所需输出图像大小时，可以混合使用不同的单位和像素。例如，4in x 100 Rounded_rectangle_3.gif 是资源生成的有效图层名称。
为资源生成命名图层时，您可以使用参数指定多个资源名称。例如：
120% Delicious.jpg, 42% Delicious.png24, 100x100 Delicious_2.jpg90%, 250% Delicious.gif
Photoshop 从该图层生成以下资源：
- Delicious.jpg（缩放 120% 的 8 品质 JPG 图像）
- Delicious.png（缩放 42% 的 24 位 PNG 图像）
- Delicious_2.jpg（100x100 像素绝对大小的 90% 品质 JPG 图像）
- Delicious.gif（缩放 250% 的 GIF 图像）
注意:
默认缩放系数由各个图层指定的缩放系数覆盖。
注意:
当您在“首选项”中禁用图像资源生成时，“文件”>“生成”菜单命令不可用。该功能仅能在“首选项”对话框中再次启用。
