跳到主要内容

GIF转精灵图

Server-processed

将动画GIF的每一帧放置到单个精灵图中——选择网格列数、间距、帧缩放和背景,然后下载为PNG。

输入

Drop a file or browse
One file · GIF

动画GIF。每一帧都会被解码并放置在表中——每次运行使用一个积分。

留空可自动生成近似正方形的网格布局。

1表示包含每一帧。较高的值会将动画稀疏化以保持表较小。

在打包前调整每一帧的大小。100%保持源GIF的帧大小。

填充图块之间的任何间隙,并显示帧本身的透明像素。

输出

已上传GIF

Result will appear here.

精灵图

Result will appear here.

这对您有帮助吗?

使用指南

游戏引擎、CSS精灵动画和纹理图集不会播放动画GIF——它们读取单个精灵图:一个平面图像,所有动画帧排列成网格,通过移动视口(CSS中的background-position偏移、游戏引擎中的帧矩形)逐步显示。此工具逐帧解码上传的GIF并将整个内容放置在单个可下载的PNG上。

使用方法

  1. 上传动画GIF。
  2. 为网格设置列数,或留空以获得自动近似正方形的布局。
  3. 可选地使用包含每第N帧来稀疏化动画——对于不需要每一帧都显示平滑精灵的长GIF很有用。
  4. 调整帧缩放以缩小或放大每个图块,调整间距以在它们之间添加间隙,并选择背景——透明(默认)、白色或黑色。
  5. 点击创建精灵图并下载PNG。

帧如何渲染

GIF的帧不是简单的堆叠图像——每一帧只能重绘画布的一部分,并指定完成后其下方的像素会发生什么(保留、清除或恢复之前的状态)。此工具准确地重新播放这种逐帧的处理行为,因此表中的每个图块都与实际播放GIF时看到的内容相匹配,而不仅仅是其自身可能是部分的原始帧数据。

隐私

上传的GIF在我们的服务器上解码和合成,然后删除——什么都不会被存储,每次运行使用一个积分。

如果我的GIF有数百帧怎么办?

精灵图在超过几百个图块时会变得难以处理。使用包含每第N帧先将动画稀疏化,或者如果只需要一个子集,可以用帧提取器分割GIF。表的帧数也被限制在400作为合理的限制。

我需要在将GIF转换为表之前裁剪或调整其大小

首先通过GIF编辑器运行它——在那里调整大小、裁剪或删除帧,然后将结果输入此工具。对于SVG图标精灵图而不是动画GIF,请参阅SVG精灵图生成器

gif to sprite sheetsprite sheet generatorsprite sheet makergif frames to imagetexture atlasgame dev toolsanimation framescss sprite generatortile sheet

Use it from code

From 3 credits per call

REST 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_HERE

Paste this at any agent connected to the IOTools MCP server, then add your input.

喜欢这些工具?去掉广告吧。

一次性付款即可永久移除您账户中的所有广告。无需订阅,不追踪。