ps怎么导出xml photoshop切片信息保存为xml_石家庄创泽智能科技有限公司

新闻中心 NEWS CENTER

您当前位置：首页 > 新闻中心 > 网络学院

ps怎么导出xml photoshop切片信息保存为xml

2025-11-05

浏览次数：次

返回列表

Photoshop不直接支持导出切片为XML，需通过J*aScript脚本（ExtendScript）读取切片信息并生成XML文件，或使用“存储为Web所用格式”导出HTML间接获取布局数据。1. 可编写.jsx脚本提取切片名称、坐标、尺寸等信息，构建成XML结构并保存；2. 也可手动导出切片图像和HTML文件，从HTML表格中解析切片位置与大小；3. 第三方工具如Zeplin、Avocode可导入PSD并提取切片信息，部分支持XML或JSON导出。核心方法为脚本自动化处理。

ps怎么导出xml photoshop切片信息保存为xml

Photoshop 本身不直接支持将切片信息导出为 XML 文件，但可以通过“存储为 Web 所用格式”功能生成包含切片信息的 HTML 和图像文件，其中 HTML 表格结构可间接反映切片布局。若需要 XML 格式的切片数据（如坐标、尺寸、名称等），需手动提取或使用脚本自动化处理。

1. 使用 J*aScript 脚本从 Photoshop 导出切片信息为 XML

Photoshop 支持通过 ExtendScript 编写 JS 脚本读取文档中的切片信息，并将其保存为自定义 XML 格式。

操作步骤如下：

打开 Photoshop，进入 文件 > 脚本 > 浏览，选择 ExtendScript Toolkit 或直接新建脚本
编写脚本读取当前文档的切片数据
将切片的名称、左上角坐标 (x, y)、宽度、高度等信息组织成 XML 结构
保存 XML 文件到指定位置

示例脚本片段（保存为 .jsx 文件）：

VALL-E

VALL-E是一种用于文本到语音生成 (TTS) 的语言建模方法

134 查看详情 VALL-E

#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.s*eDialog("保存切片信息为 XML", "XML:*.xml"); if (file) { file.encoding = 'UTF-8'; file.write(xmlStr); file.close(); }