精灵图表切分

Split an evenly gridded sprite sheet into individual PNG frames. The file stays in your browser.

使用方法

  1. Choose a PNG, JPG, or WebP image.
  2. Enter the number of columns and rows in the sheet.
  3. Save the frames you need after slicing.

网格如何计算

帧宽度按图像宽度除以列数计算,帧高度按图像高度除以行数计算,并使用整数像素。随后按从左到右、从上到下的顺序读取帧。

哪些图集适合这个工具

适用于每一帧都占用相同尺寸网格单元的图集。对于不规则矩形打包、旋转精灵、包含独立间距信息或引擎专用图集文件的情况,应使用原始图集元数据,而不是简单按行列切分。

动画帧的建议下一步

切分动画图集后,建议先使用枢轴对齐工具,再进行动画预览。这样更容易区分真实的动画位移与透明边距或帧原点不一致造成的视觉抖动。

Limitations

此工具适用于每一帧尺寸相同的规则网格图集。如果图像尺寸不能被行数和列数整除,边缘剩余像素可能会被忽略。

FAQ

文件会上传吗?

不会。仅在浏览器内存中处理。

What order are frames generated in?

Frames start at the top left and proceed horizontally.

相关工具

实际示例:将128×32图集切成4帧

把128×32 PNG设置为4列、1行后,会按照与实际工具相同的网格规则得到4张32×32帧图。透明留白被故意设置得不同,以便继续观察枢轴对齐。

输入 · 128×32 PNG精灵图集
输入 · 128×32 PNG精灵图集
结果 · 4张32×32 PNG帧
结果 · 4张32×32 PNG帧