图片与设计工具

精灵图生成器

选择静态 JPEG、PNG 或 WebP 图像,勾选需要的帧并排入等尺寸网格。图像仅在浏览器中处理。

优先本地处理无需注册隐私说明 ↗

仅支持静态 JPEG、PNG 或 WebP。最多 64 个文件,每个 5 MB,总计 20 MB,解码后总计 1600 万像素。文件在浏览器中处理;选择顺序决定帧顺序。

选择帧

选择图像帧以开始。

新的静态 PNG 和含源文件名的通用 JSON。不提取动画、不裁边或紧密打包。FPS 仅为提示,不是实测时序。受浏览器解码和内存限制。

使用步骤

如何使用

  1. 选择最多 64 张静态图像,每张不超过 5 MB,总计不超过 20 MB。
  2. 选择帧,设置单元格尺寸、列数、间距和帧率提示。
  3. 生成精灵图,分别下载 PNG 和对应 JSON。

等尺寸单元格

图像按比例缩放并居中,不裁剪,空白保持透明。单元格 1–1024 px,列数 1–16,间距 0–64 px。输出每边最多 4096 px、总计最多 1600 万像素;解码后的输入总计最多 1600 万像素。

浏览器和时序限制

Canvas 生成新的静态 PNG,不保留原编码或元数据。动画文件不会拆成帧,只使用浏览器解码的图像。JSON 包含源文件名、单元格和实际绘制矩形,以及 1–60 FPS 提示,不是实测动画时序或特定引擎的图集格式。大图可能超过浏览器内存限制。

常见问题

你可能还想知道

图像会上传吗?

不会。解码、合成、PNG 和 JSON 导出均在浏览器本地完成。

会自动裁边、紧密打包或生成动画吗?

不会。工具使用透明补边的等尺寸网格,导出静态精灵图。FPS 仅供自己的动画代码参考。