无需登录 数据私有 本地保存

精灵表查看器 - 分解并预览各帧动画

开发工具 游戏开发 动画 帧 查看器 精灵表
32
0
0
0
拖拽精灵表图片到此处，或点击上传
支持 PNG / JPG / WebP / GIF（取第一帧），也支持 Ctrl+V 粘贴
列数
行数

上传精灵表图片以开始预览

0 / 0
播放速度 12 FPS
预览缩放 自动
自动1x2x4x8x
总帧数: - 帧尺寸: - 原图: -
帧缩略图

切割后的帧将显示在这里

常见问题与知识点
什么是精灵表（Sprite Sheet）？

精灵表是将多帧动画图像合并到一张大图中的技术，广泛应用于游戏开发、网页动画等领域。通过将角色的所有动画帧放在一张图片中，可以减少文件加载次数、提高渲染效率。常见的精灵表按网格排列，每一格代表一帧。

如何确定精灵表的行数和列数？

通常精灵表文件名或文档会标明行列数（如"walk_4x4.png"表示4列4行共16帧）。如果没有标注，可以观察图片中帧的排列规律，尝试不同的行列组合直到每帧内容完整。本工具支持实时调整行列数，方便快速找到正确设置。

为什么切割后的帧不完整或有偏移？

这可能是因为：1) 行列数设置不正确；2) 精灵表中帧之间存在间距（padding）；3) 图片边缘有多余的空白。请尝试调整行列数，或在图像编辑器中检查精灵表的实际布局。高质量的精灵表应该是严格等分的。

支持哪些图片格式？

本工具支持所有主流浏览器可渲染的图片格式：PNG（推荐，支持透明通道）、JPEG、WebP、GIF、BMP、SVG等。导出帧时统一使用PNG格式以保证透明度和质量。对于动画GIF，工具会读取其第一帧作为精灵表。

精灵表在游戏开发中的作用？

精灵表是2D游戏开发的基础技术之一。它将角色动画的所有帧打包在一起，GPU只需绑定一次纹理即可渲染所有动画帧，大幅减少draw call。Unity、Unreal、Godot等引擎都原生支持精灵表动画。此外，CSS sprite技术也使用类似原理优化网页性能。

如何导出和使用切割后的帧？

您可以：1) 点击任意帧缩略图上的下载图标导出该帧PNG；2) 选中帧后点击"导出帧"按钮；3) 使用"导出全部"按钮逐帧下载所有帧。导出的PNG保留原始分辨率和透明通道，可直接用于游戏引擎或动画软件。

🔧 相关工具