6 个真实使用场景
从你的用途出发挑选示例。下载输入，按所列参数在上方工具中尝试，再对照实际导出的结果。
透明道具图集
透明道具打包，保留alpha与隔离间距。
列数：2格宽（px）：160格高（px）：160间距：8
商品缩略图资源
竖幅商品资源完整缩放，JSON给出每个格子的取图位置。
列数：3格宽（px）：120格高（px）：180间距：0
旅行卡片资源
横幅照片和插画资源打包，维持长宽比。
列数：2格宽（px）：240格高（px）：160间距：12
横竖混排素材
不同纵横比素材居中保留，最后一格透明。
列数：2格宽（px）：160格高（px）：160间距：6
单列页面素材
适合按Y坐标读取的单列素材包，JSON同时记录文件顺序。
列数：1格宽（px）：200格高（px）：160间距：10
多行资源库
七张异形资源按三列打包，保留透明间隔方便逐格读取。
列数：3格宽（px）：128格高（px）：128间距：16
输入素材 · 7
展开其余输入 (4)
功能与用途
精灵图生成器
把动画帧排成规则精灵图，自定义格子和间距，下载 PNG 及对应帧坐标 JSON。
本地处理
文件处理在当前浏览器内进行，无需登录，所选文件不会上传服务器。
使用步骤
- 选择并排序帧图片
- 设置列数、格子宽高及间距
- 预览后下载 PNG 和帧坐标 JSON
支持范围与限制
采用规则网格，不做不规则紧密打包。JSON 中的帧坐标对应输出画布格子。
常见问题
文件会上传服务器吗？
不会。工具在你的设备上处理所选文件。网页、字体和依赖加载仍需要网络，不能保证离线使用。
是否会修改原文件？
不会。结果作为新文件下载；批量命名的目录导出也只写出副本。
有哪些使用限制？
采用规则网格，不做不规则紧密打包。JSON 中的帧坐标对应输出画布格子。