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

精灵图分割器 - 将合图拆成单帧小图

28
1
0
0

精灵图分割器

上传精灵图(Sprite Sheet),设置行列数,一键拆分为单帧小图

拖拽图片到此处,或点击上传

支持 PNG / JPG / GIF / WebP / BMP,最大 20MB

列数 (Columns)
行数 (Rows)
文件前缀
 
 
快速预设
预览
上传图片后在此处预览分割网格
常见问题 & 知识点

精灵图(Sprite Sheet)是将多个小图(帧)合并到一张大图中的图像文件,常见于游戏开发、动画制作和网页优化。它将角色的不同动作帧、UI图标等整合在一起,减少文件数量和加载请求,提升性能。例如,一个游戏角色的行走动画可能包含8帧,它们被排列在一张精灵图中(如2行×4列)。

操作非常简单: 上传您的精灵图(支持拖拽或点击上传); 设置列数和行数(即精灵图中有几列几行的帧); 点击"分割"按钮或直接调整行列数,工具会自动拆分; 在结果区可以单独下载每一帧,或使用"打包下载全部"将所有帧保存为ZIP文件。预览区的网格线帮助您确认分割是否正确。

帧尺寸的计算公式为:每帧宽度 = 图片总宽度 ÷ 列数每帧高度 = 图片总高度 ÷ 行数。例如,一张800×400像素的精灵图,如果设置为4列2行,则每帧尺寸为200×200像素。工具会自动计算并显示这些信息。如果图片尺寸不能被整除,帧尺寸会显示为小数,此时建议调整行列数或检查精灵图是否规范。

是的,完全支持透明度。如果原始精灵图是PNG格式且包含透明通道(Alpha通道),分割后的每一帧都会完整保留透明背景。工具使用Canvas进行像素级分割,不会丢失任何图像信息。下载的单帧文件也是PNG格式,保留全部透明度数据。

精灵图分割广泛应用于:游戏开发(从角色动画合图中提取单帧用于引擎)、网页动画(将CSS Sprite拆分为独立帧用于逐帧动画)、UI设计(从图标合图中提取单个图标)、逆向工程(分析游戏资源文件)、纹理处理(从纹理合集中分离单个纹理)。无论是Unity、Godot等游戏引擎,还是CSS动画开发,精灵图分割都是高频需求。

工具支持所有主流浏览器可识别的图片格式:PNG、JPEG/JPG、GIF、WebP、BMP等。建议上传文件大小不超过20MB,过大的图片可能导致浏览器处理缓慢。分割后的帧统一以PNG格式下载,保证最佳质量和透明度支持。如果您的精灵图非常大(如超过4000px宽),建议先使用图片编辑软件适当缩小。