SimsimTools

精灵图拆分

将精灵图拆分为帧并预览动画。

您的文件保留在本地设备

该工具完全在您的浏览器中本地处理,不会上传到服务器。

📝 关于精灵图拆分

精灵图拆分工具可以把网格排列的精灵图切分成一张张独立的帧图片。上传精灵图,输入列数和行数,然后点击“拆分帧”。每个格子都会成为单独的 PNG,你可以把所有帧打包为 frames.zip 一次性下载,文件按 frame-001.png、frame-002.png 依次编号。

当素材包只提供一整张精灵图,而你的游戏引擎或动画工具需要单独的图片时;当你需要检查或修改某一帧时;或者想从大图中复用几个动作时,这个工具都很实用。帧按从左到右、从上到下的顺序读取,与大多数素材包的排列方式一致。

拆分后,内置的动画预览会按顺序播放各帧,并提供 1 到 24 的 FPS 滑块,让你在导入前检查节奏。帧尺寸等于精灵图宽度除以列数、高度除以行数;无法整除而剩余在边缘的像素会被舍弃,因此请确保精灵图没有多余的留白。像素画在预览中会保持清晰锐利,所有处理都在浏览器本地完成。

📘 使用方法

  1. 1

    上传精灵图

    拖入或选择你的精灵图图片,例如 PNG 或 WebP。

  2. 2

    设置列数和行数

    输入横向和纵向的帧数,然后点击“拆分帧”。

  3. 3

    预览并下载

    用 FPS 滑块检查动画效果,然后点击“下载帧(ZIP)”。

❓ 常见问题

帧是按什么顺序编号的?

从最上面一行开始,每行从左到右依次编号,因此 frame-001.png 是左上角的格子。

为什么帧看起来错位或被截断?

本工具假定精灵图是均匀的网格,没有边距或格间间隔。带留白的精灵图需要先裁掉留白,并确保列数和行数与精灵图完全一致。

可以把动画导出为 GIF 吗?

不可以。预览仅用于检查节奏,下载内容是打包在 ZIP 文件中的单独 PNG 帧。

透明背景会保留吗?

会。帧以 PNG 格式保存,原精灵图中的透明区域会保持透明。

🔗 相关工具