Photoshop 批量切图提效教程:切片、导出为、动作批处理与命名规范

你会遇到的问题

做电商主图/APP切图/社媒素材时,经常需要同一套设计导出多尺寸、多格式(PNG/JPG/WebP),还要统一命名、保持透明背景、控制文件体积。手工一张张导出既慢又容易出错。

准备工作(2分钟)

1)统一画布与分辨率:确认单位(像素)、分辨率(屏幕素材通常72/144;印刷另算)。

2)整理图层:把需要导出的元素放进清晰的分组,分组命名用英文/数字/下划线,避免特殊符号与超长名称。

3)设置颜色与透明:需要透明就用PNG;不需要透明、追求小体积用JPG;Web发布可考虑WebP(导出后再统一压缩)。

方法一:快速导出(最省事,适合少量元素)

适合:导出整张画布或少量图层,格式与尺寸变化不多。

步骤

1)把要单独导出的图层/组,右键选择“导出为…(Export As)”。

2)在预览窗口选择格式(PNG/JPG),设置缩放倍率(如 1x/2x/3x)。

3)勾选“透明度”(PNG时)与“嵌入色彩配置文件”(需要一致色彩时)。

4)点击“导出全部”,选择输出目录。

注意:如果你看不到“导出为”,先到“编辑 - 首选项 - 增效工具”里启用相关导出功能,再重启PS。

方法二:切片导出(最稳定,适合多区域切图)

适合:同一画布上要切多个区域(如网页切图、组件切图)。

步骤

1)选择“切片工具”(与裁切工具同组)。

2)拖拽创建切片;或者用“从图层创建切片”(对齐图层边界)。

3)打开“文件 - 导出 - 存储为Web(旧版)”。

4)右上角选择格式(PNG-24/JPEG),设置品质与透明度,确保右侧选中“全部切片”。

5)点击“存储”,会自动按切片序号导出。

常见坑:切片序号不直观。解决办法是:导出后用命名脚本/批量重命名工具统一改名;或者把切片与图层命名一一对应,导出后按规则替换。

方法三:动作 + 批处理(批量文件最强,适合一堆PSD/JPG)

适合:你有很多文件要做同一种导出(比如统一加水印、统一缩放到指定宽度、统一导出JPG)。

步骤A:录制动作

1)打开一张示例文件,打开“窗口 - 动作”。

2)新建动作,点“开始录制”。

3)按你的规则操作:如“图像 - 图像大小”(设置宽度/高度与重采样方式)、“文件 - 导出 - 导出为”(或“存储为”到临时目录)。

4)停止录制。

步骤B:批处理跑一批文件

1)菜单“文件 - 自动 - 批处理”。

2)选择动作;来源选“文件夹”,指定输入目录。

3)目标选“文件夹”,指定输出目录;勾选“覆盖动作中的‘存储为’命令”(让你每次都能指定输出位置)。

4)命名规则里设置:文档名 + 下划线 + 序号/尺寸后缀。

注意:批处理过程中如果弹窗提示色彩配置文件不一致,建议在“编辑 - 颜色设置”统一策略,并勾选“询问时显示”。对纯屏幕素材,尽量保持sRGB。

推荐命名规范(减少返工)

建议统一采用:项目_模块_尺寸_版本,例如:

app_home_banner_1080x540_v1.png

shop_main_800x800_v2.jpg

规则要点:

1)只用英文小写、数字、下划线;避免空格与中文符号。

2)尺寸用 宽x高;版本用 v1/v2。

3)同一批导出固定输出目录:export/日期/,方便回滚。

常见报错与排查

1)导出后颜色发灰/发暗:检查是否混用Display P3;Web素材建议转sRGB再导出(编辑 - 转换为配置文件)。

2)透明背景变成白底:确认导出格式为PNG,并启用透明度;JPG不支持透明。

3)导出尺寸不对:检查是否误用了“缩放(Scale)”;导出倍率(1x/2x)与画布像素要对应。

4)批处理停在某一步不动:多半是弹窗(缺字体/缺链接/颜色策略)。先在示例文件把弹窗消掉,再重录动作;或在首选项里关闭“打开时显示缺失字体对话框”。

发布前检查清单(1分钟)

1)输出目录是否正确,避免覆盖历史文件。

2)命名是否统一、无乱码。

3)PNG透明是否正常,JPG体积是否合适。

4)抽查3张:尺寸、颜色、清晰度。

5)需要多尺寸时,确保1x/2x对应关系正确。

用户评论 (0)

登录后参与讨论

立即登录 注册账号

暂无评论,快来抢沙发吧~

操作成功