GIF转精灵图
将动画GIF的每一帧放置到单个精灵图中——选择网格列数、间距、帧缩放和背景,然后下载为PNG。
输入
动画GIF。每一帧都会被解码并放置在表中——每次运行使用一个积分。
留空可自动生成近似正方形的网格布局。
1表示包含每一帧。较高的值会将动画稀疏化以保持表较小。
在打包前调整每一帧的大小。100%保持源GIF的帧大小。
填充图块之间的任何间隙,并显示帧本身的透明像素。
输出
Result will appear here.
Result will appear here.
使用指南
游戏引擎、CSS精灵动画和纹理图集不会播放动画GIF——它们读取单个精灵图:一个平面图像,所有动画帧排列成网格,通过移动视口(CSS中的background-position偏移、游戏引擎中的帧矩形)逐步显示。此工具逐帧解码上传的GIF并将整个内容放置在单个可下载的PNG上。
使用方法
- 上传动画GIF。
- 为网格设置列数,或留空以获得自动近似正方形的布局。
- 可选地使用包含每第N帧来稀疏化动画——对于不需要每一帧都显示平滑精灵的长GIF很有用。
- 调整帧缩放以缩小或放大每个图块,调整间距以在它们之间添加间隙,并选择背景——透明(默认)、白色或黑色。
- 点击创建精灵图并下载PNG。
帧如何渲染
GIF的帧不是简单的堆叠图像——每一帧只能重绘画布的一部分,并指定完成后其下方的像素会发生什么(保留、清除或恢复之前的状态)。此工具准确地重新播放这种逐帧的处理行为,因此表中的每个图块都与实际播放GIF时看到的内容相匹配,而不仅仅是其自身可能是部分的原始帧数据。
隐私
上传的GIF在我们的服务器上解码和合成,然后删除——什么都不会被存储,每次运行使用一个积分。
如果我的GIF有数百帧怎么办?
精灵图在超过几百个图块时会变得难以处理。使用包含每第N帧先将动画稀疏化,或者如果只需要一个子集,可以用帧提取器分割GIF。表的帧数也被限制在400作为合理的限制。
我需要在将GIF转换为表之前裁剪或调整其大小
首先通过GIF编辑器运行它——在那里调整大小、裁剪或删除帧,然后将结果输入此工具。对于SVG图标精灵图而不是动画GIF,请参阅SVG精灵图生成器。
Use it from code
From 3 credits per callREST API
curl -X POST https://api.iotools.cloud/v1/tool/gif-to-sprite-sheet \
-H "Authorization: Bearer YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"file": "<file>"
}'Swap in your own key from your account. The tool's fields are the body — no wrapper.
Ask an AI agent
Use the IOTools `gif-to-sprite-sheet` tool (GIF to Sprite Sheet) on this input:
YOUR_INPUT_HEREPaste this at any agent connected to the IOTools MCP server, then add your input.