精灵图生成器

合并 PNG 图片,设置列数、间距和边距,下载 PNG 和帧坐标。

🔒 图片在本机处理,不会上传到我们的服务器。

拖放文件或在下方选择文件。

最多 200 张图片,每个文件 40MB,均在本机处理。

或尝试示例:

什么是精灵图生成器?

合并 PNG 图片,设置列数、间距和边距,下载 PNG 和帧坐标。

将独立图片帧排列为游戏引擎或网页动画使用的规则网格。单元格以最大帧的宽高为准,因此不同大小的图片不会被拉伸或重叠。

常见用途

  • 游戏开发:将角色的独立动作帧合成一张 PNG。
  • 素材整理:裁剪透明边缘或缩放图片后重新生成精灵图。

功能特点:

  • 网格布局:设置列数、单元格间距和外边距。
  • 帧坐标:将每张图片的实际位置和尺寸保存为 JSON。
  • 工具联动:下载独立 PNG ZIP,或发送到动画工具。

使用说明:

  1. 选择 PNG、JPEG、WebP 图片或 ZIP。文件按自然顺序排列,例如 frame2 在 frame10 之前。
  2. 使用箭头调整顺序,用 × 删除不需要的帧。
  3. 设置列数、间距和外边距。更改设置后重新生成预览。
  4. 检查结果并下载 PNG、坐标 JSON 或 ZIP,也可以发送到动画工具预览各帧。

专业提示:

  • 如果引擎需要固定网格,请先统一原始帧的尺寸。
  • 先删除多余透明边缘,再设置间距,可让图片排列更整齐。

常见问题 (FAQ)

问:不同大小的图片会自动缩放吗?
答:不会。单元格取最大宽高,每张图片保持原始像素并放在单元格左上角。

问:JSON 是引擎专用导入文件吗?
答:这是包含位置和尺寸的通用帧坐标,不是 Unity 或 Godot 项目文件,请检查引擎要求的格式。

问:图片会上传到服务器吗?
答:图片在浏览器内处理,工具间传输的数据仅保存在此浏览器中,可通过清除保存的传输数据删除。

指南与文章

使用其他工具继续

传输的帧仅保存在此浏览器中,直到您清除。