如何从 Photoshop 自动导出多个不同大小的 PNG?

平面设计 adobe-photoshop 出口 PNG 自动化
2022-01-21 14:44:16

我有一个分辨率为 96 px × 96 px 的 PSD 文件。现在我想将其保存为四个不同分辨率的 PNG 文件,例如 36 px × 36 px、48 px × 48 px、72 px × 72 px 和 96 px × 96px。我可以以某种方式自动执行此操作,而不是手动调整图像大小四次并另存为选项吗?

4个回答

不是一个完整的解决方案,但这可能会帮助从谷歌来到这里的人。

如果您使用File → Save for Web 保存,您可以在保存过程中重新调整大小,选项位于图像大小下的右侧。

当我需要几个不同尺寸的图像时,我经常这样做,尽管正如其他回复所指出的那样,如果你正在设计图标,使用矢量,它会让你的生活变得更加轻松。

使用 Photoshop CC,现在有一个名为Photoshop Generator的功能,旨在创建多个图像

您可以在此处阅读有关生成器的信息

摘录:

生成器允许您在工作时实时创建图像资产,消除手动复制、切片和导出每个图层的繁琐步骤,并节省您数小时的时间。只需在图层或图层组的名称中添加文件扩展名,Photoshop 就会自动根据该图层的内容创建 JPG、PNG 或 GIF。如果您对该层进行更改,该文件会立即更新。这意味着您现在拥有一个始终与您的 Photoshop 设计保持同步的图像文件夹。

需要导出多少次图标?如果它只是一个图标,您最好的选择可能只是使用矢量和图层样式绘制所有内容,调整文档大小,进行所需的任何调整并保存 PNG(可选择保留 PSD 以供将来导出)。

如果您需要多次重复该过程,我建议将所有内容设置为带有切片的精灵表。

这是我在该主题上写的一些内容(包括许多导出技术):从 Photoshop 导出

在设计图标时,您通常需要单独手动调整较小的尺寸 - 在构建所有尺寸时可能值得牢记这一点。

正如 Marc 上面提到的,您可能最好在文档中缩放矢量并使用精灵表。

正如 Maxism 建议的那样,您应该避免的一件事是在 Save for Web 期间进行缩放。我写了一篇文章,比较了不同技术的结果,并且 Save for Web 始终如一地生成带有伪像和半像素的资产:Scaling down and exporting assets in Photoshop

我还制作了一个 Photoshop 脚本,可以自动执行这些资产的导出过程:EXPORT TO ANDROID PHOTOSHOP SCRIPT

希望这可以帮助。