在日常的设计工作中，我们经常需要将 Photoshop（PS）中的设计稿导出为不同的格式，以便在不同的场景中使用。本文将详细介绍如何将 PSD 文件导出为 PNG、JPEG 和 SVG 三种常见的格式。

PS 中导出 PNG 格式

PNG 是一种无损压缩的位图图像格式，支持透明背景，非常适合用于网页设计和图标制作。

导出步骤

1. 打开你的 PSD 文件：首先确保你的设计稿已经完成并且保存在 Photoshop 中。

2. 选择导出为：点击菜单栏中的“文件”（File），然后选择“导出为”（Export As）。

3. 选择 PNG 格式：在弹出的导出窗口中，选择 PNG 作为导出格式。

4. 设置导出选项：你可以根据需要调整图像质量、透明度和裁剪等选项。

5. 保存文件：设置好所有选项后，点击“导出”（Export）按钮，然后选择保存位置和文件名，最后点击“保存”（Save）。

PS 中导出 JPEG 格式

JPEG 是一种有损压缩的位图图像格式，适合存储照片和色彩丰富的图像。

导出步骤

1. 打开你的 PSD 文件：同样，首先确保你的设计稿已经完成并且保存在 Photoshop 中。

2. 选择导出为：点击菜单栏中的“文件”（File），然后选择“导出为”（Export As）。

3. 选择 JPEG 格式：在导出窗口中，选择 JPEG 作为导出格式。

4. 设置导出选项：调整图像质量、分辨率等选项。注意，JPEG 是有损压缩，所以图像质量越高，文件大小也越大。

5. 保存文件：设置好所有选项后，点击“导出”（Export）按钮，选择保存位置和文件名，点击“保存”（Save）。

PS 中导出 SVG 格式

SVG 是一种矢量图形格式，可以无损缩放，非常适合用于网页图标和图形设计。

导出步骤

1. 打开你的 PSD 文件：确保你的设计稿已经完成并且保存在 Photoshop 中。

2. 选择导出为：点击菜单栏中的“文件”（File），然后选择“导出为”（Export As）。

3. 选择 SVG 格式：在导出窗口中，选择 SVG 作为导出格式。

4. 设置导出选项：SVG 导出时，你可以选择是否将图层合并为一个路径，以及是否保留文本可编辑性等选项。

5. 保存文件：设置好所有选项后，点击“导出”（Export）按钮，选择保存位置和文件名，点击“保存”（Save）。

注意事项

• 在导出 PNG 或 JPEG 时，如果你希望保留图层信息，可以考虑先保存一个 PSB 格式的大文件，然后再根据需要导出特定格式的小文件。

• 导出 SVG 时，由于 SVG 是基于矢量的，所以原 PSD 文件中的矢量图形会被保留，而位图则会被栅格化处理。

• 在设计交付场景中，选择正确的文件格式非常重要。例如，网页设计通常需要 PNG 或 SVG 格式，而打印设计则可能需要 JPEG 或 TIFF 格式。

使用 CoDesign 上传 PS 设计稿

在完成设计并导出相应的文件格式后，使用CoDesign (opens new window)上传设计稿是一个非常好的选择。CoDesign 可以帮助你更好地管理和协作设计项目，确保设计稿的版本控制和交付质量。

通过 CoDesign，你可以轻松地将设计稿上传并与团队成员共享，同时还可以跟踪设计的变更历史，确保每个版本都是可追溯的。此外，CoDesign 还提供了丰富的设计资产管理功能，帮助你更好地组织和管理设计资源。

如果你还有其他问题或建议，欢迎使用腾讯 CoDesign 与我们交流！