photoshop可通过三种方法批量生成多尺寸banner图:一、用“图像处理器”配合预设动作;二、启用“生成器”按图层命名自动输出;三、运行javascript脚本一键导出。

如果您需要为多个平台制作适配不同尺寸的广告Banner图,Photoshop中手动逐一调整画布大小并导出效率低下。以下是利用Photoshop内置功能与脚本实现批量生成多种尺寸Banner图的具体操作步骤:
一、使用“图像处理器”配合动作预设尺寸
该方法通过录制包含画布尺寸修改与保存动作的序列,再结合图像处理器批量调用,适用于固定源图+固定尺寸组合的场景。
1、打开一张原始Banner源图(建议为高分辨率RGB模式,无裁剪限制)。
2、点击菜单栏窗口 → 动作,点击右下角新建动作图标,命名为“生成1200x628”并开始录制。
3、依次执行:图像 → 画布大小,设置宽度1200像素、高度628像素、定位居中,背景内容选“扩展以匹配”。
4、点击文件 → 导出 → 导出为,选择PNG格式、品质100%、勾选“透明度”,保存路径设为新建的“1200x628”文件夹。
5、停止动作录制;重复步骤2–4,分别创建“生成300x250”“生成160x600”等不同尺寸动作。
6、点击菜单栏文件 → 脚本 → 图像处理器,源文件选择原始图所在文件夹,目标文件夹任选,勾选“运行动作”,在下拉菜单中选择已录制的“生成1200x628”动作,点击运行。
7、对每个尺寸动作,单独运行一次图像处理器,每次指定对应的目标文件夹。
二、利用“生成器(Generator)”实时输出多尺寸版本
该方法依赖PS CC 2014及以上版本的Generator插件,通过图层命名规则自动导出指定尺寸的PNG/JPG文件,适合源图含智能对象且需保持比例缩放的场景。
1、将原始Banner图置入为智能对象图层,重命名为banner@1200x628.png。
2、复制该图层两次,分别重命名为banner@300x250.png和banner@160x600.png。
3、选中第二个副本图层,按Ctrl+T自由变换,输入精确宽高值300×250,按Enter确认;第三个副本同理设为160×600。
4、确保所有相关图层可见且未锁定,点击菜单栏文件 → 生成 → 图像资源启用Generator。
5、保存PSD文件,系统将在同目录下自动生成名为“banner”的子文件夹,内含三个命名对应的PNG文件。
三、执行JavaScript脚本一键批量导出多尺寸
该方法通过编写或调用外部JSX脚本,直接读取预设尺寸列表,自动新建画布、粘贴缩放、命名保存,无需人工干预动作录制,适合高频多尺寸需求。
1、准备一个纯文本文件,每行写一组尺寸,例如:1200,628、300,250、160,600,保存为sizes.txt并记下路径。
2、打开Photoshop,按Alt+F9调出动作面板,点击面板右上角菜单,选择载入动作,加载附带的“BatchResize.jsx”脚本(需提前下载或自行编写)。
3、点击菜单栏文件 → 脚本 → BatchResize,在弹出对话框中指定源图路径、sizes.txt路径、输出根文件夹。
4、确认单位为像素,缩放方式选约束比例并居中填充空白,点击确定。
5、脚本运行后,输出根目录下将生成多个子文件夹,名称对应各尺寸,每个文件夹内含同名PNG文件。










