GIF 转精灵图

GIF 有多少帧？

GIF 为每一帧记录一个以百分之一秒为单位的延迟，所以帧数大约等于动画时长除以这个延迟。每秒 10 帧（延迟 10/100 秒）的 1 秒循环有 10 帧；同样 1 秒、每秒 25 帧（4/100 秒）就有 25 帧。

最容易超出预期的是录屏和从视频里截出来的片段：6 秒、每秒 25 帧就已经是 150 帧。游戏动画要短得多——行走循环通常 4 到 12 帧，攻击 3 到 8 帧。

GIF 解码完成后，每一帧和它原本的时长都会显示出来，导出之前就知道手里有什么。

GIF 太大怎么办

转换器支持单个文件最大 12 MB、最多 160 帧、每帧最多 200 万像素——1920×1040 可以，完整的 1920×1080 不行。所有帧加起来的总像素上限约 2500 万，相当于 400×400 的 150 帧。每一帧都要在浏览器内存里解码，所以有这些限制。

超出限制时，先在 GIF 编辑器里剪短或缩小——宽高各减半，像素数就只剩四分之一。加载成功后删掉用不到的帧：只保留动画实际用到的帧，精灵图更小，切图也更容易。

常见用途

大家转换 GIF 通常是为了：

• 只有 GIF 格式的素材 — 有些素材包和老的精灵合集只提供动图 GIF。转一次，就得到任何引擎都能加载的精灵图。
• 把动画放进引擎 — Unity、Godot、Phaser 和 GameMaker 读的是精灵图，不是 GIF。在这里选好列数和留白，再到引擎的精灵编辑器里切帧。
• 研究动画的节奏 — 逐帧铺开后，能看清一次跳跃或攻击用了几张画、关键姿势落在哪一帧。不是你自己做的动画，请遵守它的授权。
• 表情和网页动画 — 精灵图用几行 CSS 或 canvas 代码就能播放，比直接嵌入 GIF 更轻，也更好控制。