如何制作精灵图（Sprite Sheet）：游戏素材拼接完整教程

什么是精灵图

精灵图是把多个小图（动画帧、角色动作、UI 图标）整齐排列在同一张 PNG 里。运行时按行/列和每帧尺寸裁切显示，是 2D 游戏、像素艺术和 UI 动画的标准做法。

为什么用精灵图而不是多张图

• 减少资源请求，加载更快
• 动画切换只需改显示坐标，性能高
• 可直接作为游戏引擎的图集（atlas）导入
• 单图带透明通道，背景干净

用 Pic Toolkit 制作精灵图的步骤

1. 打开精灵图编辑器，导入一张含多帧的横向/网格图片，或导入多张同尺寸小图
2. 设置每帧的宽高（如 32×32 或 64×64）和行列数，预览会自动切分
3. 检查每帧对齐，删掉空帧或多余帧
4. 导出为单张精灵图 PNG（带透明通道），或逐帧导出序列 PNG 备用

制作高质量精灵图的 5 个技巧

• 统一帧尺寸：所有帧用相同宽高，引擎才好索引
• 尺寸取 2 的幂（16/32/64/128），兼容性最好
• 保留透明背景，用 PNG 而非 JPG
• 动画循环帧首尾衔接要自然
• 用网格预览确认没有裁到相邻帧

常见问题

精灵图一定要正方形吗？

不一定。只要每帧尺寸一致、行列数设置正确，矩形排列也能正常裁切。

导出的 PNG 能在 Unity / Godot 用吗？

可以。PNG 精灵图可直接作为图集导入，再用引擎的 Sprite Editor 按网格切分。

横向长图和网格图哪个更好？

网格图（行列排列）最通用，导入引擎最方便；横向长图适合简单循环动画。