企鹅走路
6 帧排成一行，都站在同一条地面线上。
精灵图生成：多张图片合成一张精灵图
放入 PNG 帧、图标或游戏道具，几秒钟就能得到一张精灵图（sprite sheet）：整齐的网格或紧凑排列，附带 JSON 或 XML 图集、CSS 雪碧图和 GIF 动图。这款免费的精灵图生成工具在你的浏览器里运行，文件不会上传。
精灵图生成免费 · 在浏览器里运行
把图片拖到这里
PNG、WebP、JPG、GIF 或 AVIF，需要几张就放几张。全程在你的浏览器里处理。
- 免费，在浏览器里运行
- 网格或紧凑排列
- JSON、XML 和 CSS
- 裁边、留白、2 的幂尺寸
精灵图生成示例
8 组专门为这些示例制作的图片，每组都用这款精灵图生成工具合成了一张精灵图。点开任意一组，所有设置都能亲手试一遍。
爆炸特效
8 帧排在方形网格上，从火花一直到烟雾。
App 图标
9 个大小不一的图标，裁掉透明边后紧凑排列。
像素游戏道具
8 件道具放大到 200% 紧凑排列，像素依旧锐利。
CSS 水果图标
6 个图标排成一行，直接用作网页的 CSS 雪碧图。
太空贴纸
6 张贴纸排成 3 列，放在 2 的幂尺寸的精灵图上。
飞行的蝙蝠
4 帧排成一列，适合从上往下读取的引擎。
国际象棋棋子
6 枚高矮不一的棋子，紧凑排列并附带 XML 图集。
3 步完成精灵图制作
三步完成，文件全程不上传。
拖入、粘贴或选择 PNG、WebP、JPG 或 GIF 文件，需要几张就放几张。可以按名称排序，也可以拖动调整顺序。
动画帧选等大格子的网格，大小不一的图片选紧凑排列。再设置裁边、四周留白、间隔和尺寸。
保存精灵图 PNG 和 JSON 或 XML 图集、网页用的 CSS 雪碧图，或者把这些帧存成 GIF 动图。
这款精灵图生成工具最擅长什么
它最拿手的六件事，从角色行走循环到一整页网页图标都能处理。
图片网格或紧凑排列
网格给每帧一样大的格子，动画顺序不乱；紧凑排列则把大小不一的图片排进它能找到的最小精灵图。
裁掉透明边
空着的透明边缘不占空间，图集仍记录每张图片的原始尺寸和偏移，游戏里的画面不会错位。
适配每种引擎的图集
JSON 图集采用 Phaser 和 PixiJS 读取的 hash 格式；XML 图集采用许多游戏框架都能读取的 Sparrow 和 Starling 格式。
网页用的 CSS 雪碧图
雪碧图生成后，每张图片对应一个写好尺寸和位置的 class，网页只需加载一张图片，不用再加载几十张。
动画预览和 GIF
按你设置的帧率依次播放这些图片，还能存成 GIF 动图，方便分享或测试。
免费，保护隐私
这款精灵图生成工具完全在你的浏览器里运行：不上传、不用注册、没有水印，页面加载完成后断网也能继续用。
精灵图制作指南：做出贴合引擎的精灵图
五条简短技巧，帮你做出干净的精灵图。
按顺序给文件命名
命名为 walk_1、walk_2 … walk_10 的文件，用「按名称排序」就能排对顺序，数字按数值大小读取；任何一张图片都可以拖动换位置。
动画用网格，图标集用紧凑排列
帧需要保持统一尺寸和位置时用网格；大小不一的图标、道具和图块用紧凑排列，更省空间。
裁边并保留偏移
裁掉透明边能让精灵图更小，读取图集的引擎会把每张图片放回原位。按格子尺寸读取的普通网格，保持裁边关闭即可。
用留白防止渗色
精灵图需要缩放或开启纹理过滤时，加 1 到 2 像素的四周留白或间隔，边缘就始终干净，看不到相邻的图片。
留意精灵图尺寸
尺寸显示在预览下方。用在手机上时，每边保持在 4,096 像素以内；引擎有要求时，打开「尺寸取 2 的幂」。
谁需要把图片合成精灵图
用精灵图生成工具把多张图片合成一张，常见的理由有这些。
游戏开发者
把角色、特效和道具排进一张纹理，附带给引擎用的图集。
网页开发者
用 CSS 雪碧图把图标合成一张图片，减少请求次数。
像素画师
排好动画帧，导出放大 2× 或 4× 的干净精灵图。
Mod 作者和动画师
为 Mod、工具和动画软件做出带 XML 或 JSON 图集的精灵图。
精灵图生成常见问题
关于精灵图制作、图集和隐私的解答。
添加图片，选择网格或紧凑排列，再下载精灵图 PNG，以及你需要的图集或 CSS。
免费。它完全在你的浏览器里运行，不用注册账号，也不加水印。
不会。图片在你的设备上读取和排列，不会发送到任何服务器。
网格给每张图片一样大的格子，最适合动画；紧凑排列把大小不一的图片排得尽量紧密，最适合图标和道具。
Phaser、PixiJS 和大多数网页引擎选 JSON，Sparrow、Starling 一类框架选 XML，网页选 CSS。
不会。图集保留每张图片的原始尺寸和偏移，读取图集的引擎会把每一帧画回原位。
能。在「GIF 转精灵图」里打开 GIF，它会读出每一帧和时长，并排到一张精灵图上。
电脑上最多 1,000 张，手机上最多 400 张，精灵图每边最大 16,384 像素。