精灵图切片工具

根据精灵图结构选择切分方式

精灵图可能是排列精确的动画帧矩阵、间距固定的图块集，也可能是松散排布的图标集合。不同布局需要不同的检测方式。本工具将这些方式整合到同一流程中，同时由你决定最终结果。

这些设置沿用成熟的精灵处理方式。Unity Sprite Editor支持自动切片、按单元格尺寸或数量划分网格，以及起始偏移、内边距、空矩形和轴心设置。Aseprite 的精灵图导入同样使用 x/y 起始偏移、精灵宽高、内边距和读取顺序。本工具专注于提取图像，会导出裁剪坐标，但不会创建 Unity、Godot 或 Aseprite 项目文件。

自动检测只是起点，并不保证结果

自动检测会寻找互不连接的可见区域。当精灵之间有透明空间时，检测速度很快，但任何检测器都无法理解每张图中作者想要的帧边界。两个相接的角色可能被视为一个区域，分离的阴影或火花则可能成为另一个结果。Phaser 提取指南也说明了相同的连通像素限制：彼此相接的精灵会被一并检测。

导出前务必检查带编号的区域。自动检测没有容差、最小尺寸或合并距离的滑块，因此请手动校正结果。如果纯色背景被误认为图形，可将空像素检测设为角落背景色，或关闭检测改用网格切分。结果过于零碎时，请删除多余区域，并围绕整个精灵绘制一个区域。如果两帧相接，请用手动区域替换合并建议。原始精灵图始终不会被修改。

ZIP 和 frames.json 包含的内容

PNG 能准确保留像素和透明度，因此是默认输出格式。每个选中的帧都会根据名称或指定前缀得到安全且唯一的文件名。ZIP 将这些 PNG 与 frames.json 清单打包在一起。每条记录包括帧名称、顺序及其在原图中的矩形范围：

{
  "name": "player-run-03",
  "x": 128,
  "y": 64,
  "width": 32,
  "height": 48
}

坐标以原图左上角为起点，单位为原图像素。它们可用于脚本和自定义流程，但文件有意保持通用，并不是某个游戏引擎的原生图集或导入文件。

私密的本地处理与限时恢复

图像解码、检测、编辑、裁剪和 ZIP 创建都在浏览器中进行。图像数据和文件名不会发送到服务器。为了能够恢复多步骤流程，当前活动标签页可以在本地保留一份受限的工作副本及设置，最长不超过两小时。点击重新开始会立即删除当前活动标签页的项目。单独打开的标签页拥有彼此隔离的副本；即使重置其他标签页，该副本也会在两小时内自动删除。

处理大型精灵图时，请关闭其他大量使用图像的标签页，并避免创建数百个空帧。本工具会提示尺寸或帧数已达到上限，而不会悄悄降低图像质量。下载使用临时的浏览器对象 URL，并会按照 MDN 指南在使用后释放。

导出前检查清单

• 确认读取顺序与动画或图块顺序一致。
• 放大查看第一帧、中间帧和最后一帧是否有一像素偏移。
• 除非位置本身有意义，否则排除空单元格和意外出现的零散像素。
• 使用不同名称，并在创建 ZIP 前检查重名。
• 在对比明显的预览背景上检查透明边缘。
• 如果难以精确拖动，请用输入框或按钮校正区域；依照 W3C 键盘操作指南，整个流程也可通过键盘操作。