用图片制作精灵图

将动画帧或图标打包成一张精灵图,用于游戏和 CSS。可选择列数和内边距,并获得兼容 Phaser、PixiJS 及其他引擎的 JSON 图集。

你的图片在你的设备上处理,绝不会被上传。

将图片拖放到这里

或拖放文件

支持 PNG, WEBP, GIF, JPG · 每个文件最大 512 MB

如何使用此工具

  1. 01

    按动画顺序添加你的帧图。

  2. 02

    设置列数和帧之间的内边距。

  3. 03

    处理后下载精灵图,可选择是否附带 JSON 图集。

像素级精确的帧

帧图永远不会被缩放。每一帧都位于等大单元格的左上角,图集会记录它的精确位置和尺寸。

对引擎友好的图集

JSON 采用广泛支持的 TexturePacker 哈希格式,以每一帧的文件名作为键。

常见问题

精灵图是什么格式?

PNG,因此透明度会被保留。

各帧需要是相同尺寸吗?

不需要。单元格按最大的帧来确定大小,图集会记录每一帧的真实尺寸。

我的图片会被上传吗?

不会。精灵图在你的浏览器中生成。

相关工具