做电商主图/APP切图/社媒素材时,经常需要同一套设计导出多尺寸、多格式(PNG/JPG/WebP),还要统一命名、保持透明背景、控制文件体积。手工一张张导出既慢又容易出错。
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)点击“存储”,会自动按切片序号导出。
常见坑:切片序号不直观。解决办法是:导出后用命名脚本/批量重命名工具统一改名;或者把切片与图层命名一一对应,导出后按规则替换。
适合:你有很多文件要做同一种导出(比如统一加水印、统一缩放到指定宽度、统一导出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)输出目录是否正确,避免覆盖历史文件。
2)命名是否统一、无乱码。
3)PNG透明是否正常,JPG体积是否合适。
4)抽查3张:尺寸、颜色、清晰度。
5)需要多尺寸时,确保1x/2x对应关系正确。