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 += '';
// 保存为 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 可大幅提升效率。
