photoshop不直接支持导出切片为xml，需通过javaScript脚本（ExtendScript）读取切片信息并生成XML文件，或使用“存储为Web所用格式”导出html间接获取布局数据。1. 可编写.jsx脚本提取切片名称、坐标、尺寸等信息，构建成XML结构并保存；2. 也可手动导出切片图像和html文件，从HTML表格中解析切片位置与大小；3. 第三方工具如Zeplin、Avocode可导入PSD并提取切片信息，部分支持XML或json导出。核心方法为脚本自动化处理。
Photoshop 本身不直接支持将切片信息导出为 XML 文件，但可以通过“存储为 Web 所用格式”功能生成包含切片信息的 HTML 和图像文件，其中 HTML 表格结构可间接反映切片布局。若需要 XML 格式的切片数据（如坐标、尺寸、名称等），需手动提取或使用脚本自动化处理。
1. 使用 javascript 脚本从 Photoshop 导出切片信息为 XML
Photoshop 支持通过 ExtendScript 编写 JS 脚本读取文档中的切片信息，并将其保存为自定义 XML 格式。
操作步骤如下：
- 打开 Photoshop，进入 文件 > 脚本 > 浏览，选择 ExtendScript Toolkit 或直接新建脚本
- 编写脚本读取当前文档的切片数据
- 将切片的名称、左上角坐标 (x, y)、宽度、高度等信息组织成 XML 结构
- 保存 XML 文件到指定位置
示例脚本片段（保存为 .jsx 文件）：
#target photoshop app.bringToFront(); <p>var doc = app.activeDocument; var slices = doc.slices; var xmlStr = '<slices>n';</p><p>for (var i = 0; i < slices.length; i++) { var s = slices[i]; var x = s.bounds.left; var y = s.bounds.top; var w = s.bounds.right - s.bounds.left; var h = s.bounds.bottom - s.bounds.top; var name = s.name.replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>');</p><pre class='brush:php;toolbar:false;'>xmlStr += ' <slice name="' + name + '" x="' + x + '" y="' + y + '" width="' + w + '" height="' + h + '" />n';
} xmlStr += ‘</slices>’;
// 保存为 XML 文件 var file = File.saveDialog(“保存切片信息为 XML”, “XML:*.xml”); if (file) { file.encoding = ‘UTF-8’; file.write(xmlStr); file.close(); }
2. 手动导出切片图像并记录信息
如果不需要自动 XML 输出，也可通过以下方式获取切片数据：
- 在 Photoshop 中设置好所有用户切片（User Slices）
- 使用 文件 > 导出 > 存储为 Web 所用格式（旧版）
- 选择格式（如 PNG）并保存，Photoshop 会导出切片图像和一个 HTML 文件
- 分析 HTML 源码中的表格或 css 布局，提取位置与尺寸信息
- 手动整理成 XML 或交给开发人员解析
3. 第三方插件或自动化工具
部分设计协作工具（如 Zeplin、Avocode）支持导入 PSD 并提取图层/切片信息，部分支持导出 JSON 或 XML 格式的数据描述。虽然不是原生 Photoshop 功能，但可作为替代方案。
基本上就这些方法。Photoshop 原生不提供“导出切片为 XML”的按钮，关键靠脚本实现自动化。掌握简单 ExtendScript 可大幅提升效率。