你将得到什么
把一整个文件夹的图片(JPG/PNG/PSD 都可)一次性导出成多套尺寸文件,例如:1x/2x/3x,格式支持 PNG 或 WebP。核心思路是:先录制“动作(Action)”把缩放 + 导出 + 关闭串起来,再用“批处理(Batch)”对文件夹执行。
开始前的准备(3 分钟搞定)
1)整理文件夹:把待处理的原图放到一个独立文件夹,例如 source;准备一个输出文件夹,例如 export(空文件夹)。
2)统一色彩(推荐):如果你的素材要上网页或 App,建议统一为 sRGB,避免导出后偏色。Photoshop 中可以在动作里加入“转换为配置文件(Convert to Profile)→ sRGB IEC61966-2.1”。
3)确认 Photoshop 版本:较新的 PS 支持直接导出 WebP;如果你的“存储为/另存为”里看不到 WebP 选项,先按本文流程导出 PNG(流程完全一致),后续再升级 PS 或使用团队既有的导出方案。
步骤 1:录制 1x 导出动作(PNG/WebP 二选一)
打开 Photoshop,先随便打开一张测试图(用来录动作)。然后:
1)窗口 → 动作(Actions),新建动作集:Batch Export。
2)点击“新建动作”,命名:Export_1x_PNG(或 Export_1x_WEBP),点击“记录”。
3)图像 → 图像大小(Image Size):
- 勾选“重新采样(Resample)”
- 重采样建议:自动 或 双三次锐利(缩小)
- 把长边/宽边改成你需要的 1x 尺寸(例如长边 1200px)
4)文件 → 导出(选择你更熟悉的一种):
- 导出为(Export As):格式选 PNG(或 WebP),必要时勾选透明;命名不改。
- 存储为 / 另存为(Save a Copy):选 PNG/WebP,质量按需要(WebP 常用 70-85)。
关键点:为了让批处理时不弹窗、不中断,建议在动作里把文件保存到一个固定输出路径(例如 export/1x),并在文件名中加后缀(如 _1x)。
5)文件 → 关闭(Close),选择“不保存(Don’t Save)”,避免覆盖原图。
6)停止记录(动作面板的停止按钮)。
步骤 2:复制动作做 2x/3x(最快的做法)
在动作面板里右键复制动作:
- Export_2x_PNG:把图像大小改为 2x 尺寸(例如长边 2400px),输出到 export/2x,文件名后缀改为 _2x。
- Export_3x_PNG:同理改为 3x(例如 3600px),输出到 export/3x,后缀 _3x。
小建议:如果你的图片原始尺寸有大有小,但你希望“按长边限制”,在“图像大小”里用长边数值即可;如果你希望“固定宽高裁切”,那就改用“图像 → 画布大小/裁剪工具”,再录进动作。
步骤 3:用批处理跑完整个文件夹
依次执行 1x、2x、3x 三次批处理(每次对应一个动作):
文件 → 自动 → 批处理(Batch)
- 动作(Action):选择 Export_1x_PNG
- 源(Source):选择“文件夹(Folder)”,指向你的 source
- 目标(Destination):建议选“无(None)”或“文件夹(Folder)”取决于你动作里是否已经写死保存路径
- 重要勾选:勾选“抑制文件打开选项对话框(Suppress File Open Options Dialogs)”“抑制颜色配置文件警告(Suppress Color Profile Warnings)”,避免批量中断
跑完 1x 后,再把动作切到 Export_2x_PNG、Export_3x_PNG 各跑一次即可。
常见问题与排查(照着查基本都能解决)
1)批处理时不断弹出保存对话框
- 原因:动作里没有记录“保存”,或保存路径不固定;或者批处理没有勾“覆盖动作中的‘存储为’命令(Override Action ‘Save As’ Commands)”。
- 解决:建议把保存步骤写死到动作里,并输出到固定子目录(export/1x 等),批处理时再按需要勾选覆盖选项。
2)导出后颜色变暗/偏色
- 原因:色彩空间不一致(Display P3/AdobeRGB → sRGB)。
- 解决:在动作里加入“转换为配置文件(Convert to Profile)→ sRGB”。并在“编辑 → 颜色设置”里保持团队一致。
3)遇到“无法完成请求,因为没有足够的 RAM / 暂存盘已满”
- 解决:编辑 → 首选项 → 暂存盘(Scratch Disks)改到空闲大的盘;批处理前关闭其他大型软件;分批处理(一次 200 张以内)。
4)WebP 选项找不到
- 处理:先按同流程导出 PNG(最稳);如果你需要 WebP,再升级 Photoshop 或用团队统一导出工具链(避免来源不明的插件)。
一键化进阶:做成“滴管(Droplet)”桌面小工具
如果你经常重复做同一套导出,可以用:文件 → 自动 → 创建滴管(Create Droplet),选择动作 Export_1x_PNG,保存到桌面。以后把文件夹拖到滴管图标上就会自动跑批处理。
检查清单(发布前自测 30 秒)
- 输出目录是否生成 1x/2x/3x 文件
- 文件名是否带正确后缀(_1x/_2x/_3x)
- 透明背景 PNG 是否正常(如需要)
- WebP(如使用)质量是否达标、大小是否明显下降