精灵图生成器
选择静态 JPEG、PNG 或 WebP 图像,勾选需要的帧并排入等尺寸网格。图像仅在浏览器中处理。
仅支持静态 JPEG、PNG 或 WebP。最多 64 个文件,每个 5 MB,总计 20 MB,解码后总计 1600 万像素。文件在浏览器中处理;选择顺序决定帧顺序。
选择图像帧以开始。
新的静态 PNG 和含源文件名的通用 JSON。不提取动画、不裁边或紧密打包。FPS 仅为提示,不是实测时序。受浏览器解码和内存限制。
使用步骤
如何使用
- 选择最多 64 张静态图像,每张不超过 5 MB,总计不超过 20 MB。
- 选择帧,设置单元格尺寸、列数、间距和帧率提示。
- 生成精灵图,分别下载 PNG 和对应 JSON。
等尺寸单元格
图像按比例缩放并居中,不裁剪,空白保持透明。单元格 1–1024 px,列数 1–16,间距 0–64 px。输出每边最多 4096 px、总计最多 1600 万像素;解码后的输入总计最多 1600 万像素。
浏览器和时序限制
Canvas 生成新的静态 PNG,不保留原编码或元数据。动画文件不会拆成帧,只使用浏览器解码的图像。JSON 包含源文件名、单元格和实际绘制矩形,以及 1–60 FPS 提示,不是实测动画时序或特定引擎的图集格式。大图可能超过浏览器内存限制。
常见问题
你可能还想知道
图像会上传吗?
不会。解码、合成、PNG 和 JSON 导出均在浏览器本地完成。
会自动裁边、紧密打包或生成动画吗?
不会。工具使用透明补边的等尺寸网格,导出静态精灵图。FPS 仅供自己的动画代码参考。