在 Photoshop 中导出图层和画板
使用 Photoshop,您可以将画板、图层、图层组或 Photoshop 文档导出为 PNG、JPEG、GIF 或 SVG 图像资源。
使用快速导出功能导出画板、图层或文档
导出一个 Photoshop 文档或其中的所有画板
选择“文件”>“导出”>“快速导出为 [图像格式]”。如果出现提示,请选择目标文件夹。Photoshop 可将当前文档以快速导出设置中指定的格式导出为图像资源。如果您的文档包含画板,则选择此选项会单独导出其中的所有画板。
导出选定的图层、图层组或画板
在“图层”面板中,选择要导出为图像资源的图层、图层组或画板。右键单击您的选择,并从上下文菜单中选择“快速导出为 [图像格式]”。 如果出现提示,请选择目标文件夹。
针对每个选定的图层、图层组或画板,均会生成一个图像资源。
更改快速导出首选项
默认情况下,快速导出会将资源生成为透明的 PNG 文件,并且每次都会提醒您选择导出位置。通过选择“首选项”>“导出”或“文件”>“导出”>“导出首选项”,可以更改这些设置,然后指定以下内容:
- “快速导出”的首选格式:PNG、JPG、PNG-8、GIF 或 SVG
- 特定于格式的参数。例如,对于 PNG,可以指定是要导出启用了透明度的资源(32 位),还是要导出更小的图像(8 位)。
- 使用“快速导出”所导出的图像所在位置。为此,请选择以下选项之一:
每次询问导出位置:每当您导出资源时都会提示您选择一个导出位置
将文件导出到当前文档旁的资源文件夹:将图像资源放在 Photoshop 源文档所在文件夹下的子文件夹中,名为“资源”。
- 是否要将元数据(版权和联系信息)包括在导出的资源中
- 是否要将资源转换为 sRGB 色彩空间
“导出为”对话框:画板、图层或文档

使用“导出为”对话框,可以在每次将图层、图层组、画板或 Photoshop 文档导出为图像时,对设置进行微调。
- 选择“文件”>“导出”>“导出为”,以导出当前的 Photoshop 文档。如果文档包含画板,则会通过此对话框导出其中的所有画板。
- 要为图层、图层组或画板显示此对话框,请在“图层”面板中选择它们。右键单击您的选择,并从上下文菜单中选择“导出为”。
每个选择的图层、图层组或画板都会被导出为单独的图像资源。
“导出为”对话框中的选项
您可以在“导出为”对话框中指定以下选项:
格式
选择“PNG”、“JPG”、“GIF”或“SVG”。
特定于格式的设置
对于 PNG,请指定是要导出启用了透明度的资源(32 位),还是要导出更小的图像(8 位)。对于 JPEG,请指定所需的图像品质 (0-100%)。GIF 图像在默认情况下为透明。
注意:导出 PNG 资源时,请记住以下事项:
- 选择“透明度”会生成 32 位 PNG 资源
- 选择“小文件”会生成 8 位 PNG 资源
- 未选中上述选项时会生成 24 位 PNG 资源
大小
指定图像资源的宽度和高度。默认情况下,宽度和高度被一起锁定。更改宽度时会自动按相应比例更改高度。如果要指定导出资源的画布边界,请参阅画布大小。
比例
选择导出图像应当为多大。此选项有助于导出具有较大或较小分辨率的资源。更改比例会影响图像大小。
重新采样选择重新取样方法。重新取样是指在您更改图像的像素大小或分辨率时(通常是在调整图像大小时),相应地更改图像数据量。
两次线性:通过平均周围像素的颜色值来增加像素。此方法会产生中等质量的结果。
两次立方:一种将周围像素值分析作为依据的方法,速度较慢,但精度较高。两次立方使用复杂的计算,可产生比两次线性或邻近重新取样方法更为平滑的色调渐变。
两次立方(较平滑):一种基于两次立方插值且旨在产生更平滑效果的有效图像放大方法。
两次立方(较锐利):一种基于两次立方插值同时又能增强锐化的有效图像缩小方法。此方法在重新取样后的图像中保留细节。如果使用“两次立方(较锐利)”会使图像中某些区域的锐化程度过高,请尝试使用“两次立方”。
两次立方(自动):为图像自动选择合适的两次立方取样方法。
邻近:一种速度快但精度低的图像像素模拟方法。此方法适用于包含未消除锯齿边缘的插图。它保留硬边缘并生成较小的文件。但是,该方法可能产生锯齿状效果,在对图像进行缩放时或在某个选区上执行多次操作时,这种效果会变得非常明显。
保留细节:在调整图像大小时,此方法着重于保留图像的细节和锐化程度。
画布大小
如果您的资源需要占据一定的宽度和高度,请指定这些值作为画布大小。“导出为”对话框可更新预览,以将图像置于这些边界内的中心位置。
此选项在几种情况下非常有用,例如:
- 要导出各种大小的图标,但需要在 50 x 50 像素的框内居于中心位置。
- 导出小于所需尺寸或大于所需尺寸的横幅图像。
如果图像大于画布大小,则会按照为画布设置的宽度和高度值对它进行剪切。
您可以单击“重置”,以将值恢复为在“图像大小”中设置的值。
元数据
指定是否要将元数据(版权和联系信息)嵌入到导出的资源中。
色彩空间
指定以下设置:
- 是否要将导出的资源转换为 sRGB 色彩空间。此选项默认为已选中。
- 是否要将颜色配置文件嵌入导出的资源。
以不同大小导出资源
您可以使用“导出为”对话框将所选图层、画板或文档导出为不同大小的资源。请按以下步骤进行操作:
- 在左侧窗格中,选择相对资源大小,例如 1.25x。
- 为以相对资产大小导出的资源选取后缀。例如,@1,25x。后缀可帮助您轻松管理导出的资源。
- 如有必要,请单击 + 图标为导出的资源指定更多大小和后缀。
注意:您选择的缩放选项适用于您选定的所有图层或画板。
将画板导出为 PDF 文档或图像文件
请参阅导出画板。
限制和常见错误
SVG 导出的局限性
- 文字渲染可能达不到预期效果。为获得最佳的保真度,请先将文本图层转换为形状,再将其导出为 SVG 格式。
- 图层蒙版和剪贴蒙版的渲染可能达不到预期效果。请考虑在进行 SVG 导出时改用矢量蒙版。
- 在导出为 SVG 格式时,背景图层显示为透明。在“图层”面板中复制背景图层,以便在导出的 SVG 图像中显示该图层。
常见错误
图层为空
空图层或不能渲染图像的图层无法在“导出为”对话框中渲染。这些图层可以是剪切蒙版、调整图层或只是没有像素的图层。
图像位于文档边界之外
“导出”操作无法渲染图像,因为这样会超出画布的范围。移动图像,使之位于画布范围内。
出现未知错误。
要修复此问题,请单击“完成”,关闭“导出为”对话框,保存文件,然后重启 Photoshop。
更多此类内容
- 用于设计的导出选项(视频教程)
- [旧版] Photoshop 中的抽出资源
- Photoshop 导出选项论坛