Photoshop图层批量导出提速指南：3分钟装好Export Layers To Files Fast

Photoshop图层批量导出提速指南：3分钟装好Export Layers To Files Fast

【免费下载链接】Photoshop-Export-Layers-to-Files-FastThis script allows you to export your layers as individual files at a speed much faster than the built-in script from Adobe.项目地址: https://gitcode.com/gh_mirrors/ph/Photoshop-Export-Layers-to-Files-Fast

给UI稿的几十个图层逐个右键导出，或者让Photoshop自带脚本的进度条慢慢爬半小时，是很多设计师周五下午的真实写照。Export Layers To Files (Fast) 就是为这个痛点而生的开源图层批量导出脚本——装好后点两下鼠标，几十上百个图层几分钟内全部出图，速度远超Adobe内置脚本。本文从安装、配置到排障一次讲完，照着做就能跑通。

三个高频场景，先记住这份配置速查

不管需求多花哨，绝大多数图层导出逃不出下面三种情况。先把这行配置记下来，后面的章节都是在解释"为什么这么配"。

三步行安装：从拿脚本到跑起来

第一步：下载项目文件

打开终端，把项目克隆到本地：

git clone https://gitcode.com/gh_mirrors/ph/Photoshop-Export-Layers-to-Files-Fast

克隆完，目录里有两个文件缺一不可：Export Layers To Files (Fast).jsx和Export Layers To Files (Fast)-progress_bar.json。后者是进度条的资源文件，必须和脚本放在同一个文件夹，否则启动时报"Progress bar resource corrupt"。

第二步：复制到Photoshop脚本目录

按操作系统把上述两个文件一起拷进对应目录：

Windows: C:\Program Files\Adobe\Adobe Photoshop [版本]\Presets\Scripts macOS: /Applications/Adobe Photoshop [版本]/Presets/Scripts

如果不想动安装目录，也可以直接在Photoshop里用文件 → 脚本 → 浏览...选中.jsx文件运行，效果一样。

第三步：从菜单启动

1. 重启Photoshop（如果之前开着）
2. 点击菜单文件 → 脚本 → Export Layers To Files (Fast)
3. 弹出配置对话框，点右下角Run即可导出

脚本要求Photoshop CS2及以上版本，老版本用户也可以放心用。

配置面板逐项拆解：每个选项在管什么

对话框左侧第一块是导出范围：All Layers导出全部图层；Selected Group只导出当前选中的图层组（注意要先选中组再启动脚本，否则该选项是灰的）；Visible Only跳过隐藏图层；Ignore Layers Starting With可以跳过指定前缀的图层，默认前缀是!，把临时参考图层命名为!参考就能一键排除。

文件名规则如何设置

Filenames面板的下拉框决定出图命名，五种方式对应不同场景：

下方的Use Custom Delimiter会把图层名里的空格替换成分隔符，默认_，避免文件名带空格导致的兼容问题。分隔符、前缀、后缀字段里都不能出现\ / * ? | : " < >这些字符。

前缀后缀里的日期与序号变量

Prefix和Suffix不只是固定文本，支持一套变量系统，组合起来能生成智能文件名：

比如前缀填{YYYY}{MM}{DD}_{ii}_，图层icon-home导出就是20260815_01_icon-home.png，天然按日期和序号排序，归档和版本管理都方便。

八种格式怎么选

Export As面板的标签页切换格式，每种格式还有独立参数（JPG有质量滑块和ICC，TIFF有LZW/ZIP压缩，PNG-8有色板数量等）：

输出面板的三个隐藏开关

右侧Output Options里：Groups as Folders让图层组按文件夹输出，保持源文件结构；Top Layer as Foreground和Bottom Layer as Background可以把顶层水印、底层底图固定叠到每张导出图上；Modify Layers里还有Trim（裁掉透明边）、Padding（四周加边距）、Scale（按百分比缩放），出不同分辨率的资源时很好用。

两个真实项目练手

项目一：UI图标批量导出PNG

需求：设计稿里50个图标，导出带透明背景的PNG给前端。

操作步骤：

1. 导出范围选All Layers，勾选Visible Only
2. Filenames选"图层名（去除扩展名）"，前缀填icon_
3. 切到PNG-24标签页，勾选Transparency
4. Modify Layers勾选Trim，去掉透明空白
5. 点Run，选输出文件夹

预期结果：得到50个icon_图层名.png，透明背景保留，每个文件裁掉了多余空白，体积更小。

项目二：电商产品图批量导出JPG

需求：30个产品图层导出JPG，要求统一白底、按顺序命名，方便上传平台。

操作步骤：

1. 导出范围选All Layers，勾选Visible Only
2. 文件名选"索引升序"，前缀填product_{YYYY}{MM}{DD}_
3. 切到JPG标签页，质量滑块拖到85，Matte选 White
4. 点Run

预期结果：得到product_20260815_1.jpg到product_20260815_30.jpg共30个文件，全部白底，排序即货架顺序。

两个冷门但省时间的进阶技巧

技巧一：改成批处理模式，每次自动出图

如果你每周都要用同一套配置导出，可以开启脚本内置的批处理开关：

1. 先手动运行一次，配好所有参数，点Save and Close保存
2. 用记事本打开Export Layers To Files (Fast).jsx，找到文件开头附近的一行：

var BATCH_OPERATION = false; // 改成 true

3. 改成true保存，再运行脚本

之后每次运行都会自动按上次保存的设置出图，不再弹对话框，配合Photoshop动作和批处理命令可以做到全自动。想重新改配置，把这行改回false再跑一次即可。

技巧二：固定背景/前景，变量内容单独导出

做多语言、多状态的设计稿时，选中需要变动的组，勾选Selected Group并打开Bottom Layer as Background，背景层会被叠加到每一张导出图上——底图、水印、安全框这类固定元素不用每个图层重复画。

排障手册：导出报错先看这里

报错"Progress bar resource corrupt"

原因：脚本运行目录里少了Export Layers To Files (Fast)-progress_bar.json，进度条资源加载失败。

解决：把.jsx和.json两个文件放在同一个文件夹，重新运行。

菜单里找不到脚本

原因：两个文件没有一起放进Presets/Scripts，或路径含中文字符/权限不足。

解决：确认两个文件在同一目录；清掉路径里的中文；必要时用文件 → 脚本 → 浏览...手动选择。

导出文件名重复或带空格

原因：多个图层同名，或图层名里有空格导致兼容问题。

解决：勾选Use Custom Delimiter用_或-替换空格；勾选Overwrite Existing Files前先确认确实要覆盖，否则保持不勾选，脚本会自动生成唯一副本。

多画板文档导出不全

原因：这是脚本的已知缺口，暂不支持多画板导出。

解决：把多画板拆成单画板文档分别导出，或先合并画板再运行。

效果验收与下一步

跑完一次导出后，对照三点验收：文件数量是否和图层数一致、抽查两张图的透明/白底是否符合预期、文件名是否按规则排序。按社区大量实测反馈，100个图层的项目常从20多分钟的等待缩短到两三分钟，每次导出省下的时间足够多喝一杯咖啡。

接下来可以做的事：

1. 打开脚本目录里的 Export Layers To Files (Fast).jsx.jsx)，看看BATCH_OPERATION开关，试着搭一套自动化出图流程
2. 用{YYYY}{MM}{DD}变量给自己建一套按日期归档的命名规范
3. 想改对话框界面，源码在 dev/dialog.js，进度条资源在 Export Layers To Files (Fast)-progress_bar.json-progress_bar.json)
4. 拿一个真实的复杂项目跑一遍，把Save and Close的配置固定下来，从此告别手动导图层

【免费下载链接】Photoshop-Export-Layers-to-Files-FastThis script allows you to export your layers as individual files at a speed much faster than the built-in script from Adobe.项目地址: https://gitcode.com/gh_mirrors/ph/Photoshop-Export-Layers-to-Files-Fast