精灵图转 GIF:让精灵图动起来

放入一张精灵图(sprite sheet),马上就能看到它动起来:每一帧都按背景或按网格自动找出,每一行作为单独的动画播放,最后保存成边缘平滑的 GIF 或 APNG。这款免费的精灵图转 GIF 工具在你的浏览器里运行,文件不会上传。

精灵图转 GIF免费 · 在浏览器里运行

把精灵图拖到这里,让它动起来

PNG、JPG、WebP 或 GIF,全程在你的浏览器里处理。

  • 免费,在浏览器里运行
  • 自动找出每一帧
  • 单独一行或整张播放
  • GIF 和 APNG

精灵图转 GIF 示例

8 张专门为本页制作的精灵图,每张都用本页的工具做成动画。点开任意一个,所有设置都能亲手试一遍。

像素忍者奔跑

像素忍者奔跑

透明背景上找出 6 帧,放大到 200% 播放,像素依旧锐利。

青蛙待机和跳跃

青蛙待机和跳跃

两行精灵图:第二行播放跳跃动画。

洋红背景上的小龙

洋红背景上的小龙

经典的洋红背景在 GIF 里变成透明。

篝火微光

篝火微光

火焰来回播放,配上夜空蓝背景色,光晕始终平滑。

眨眼的猫头鹰

眨眼的猫头鹰

倒放,并在睁眼时停留片刻,就像真的在眨眼。

宝箱开启

宝箱开启

最后一帧停留一秒多,再开始下一轮循环。

魔法光爆

魔法光爆

每次爆发之间短暂停顿,和游戏里的播放效果一样。

风车

风车

在天蓝色背景上找出每一帧,GIF 里保留这片天蓝。

3 步完成精灵图转 GIF

三步完成精灵图转 GIF,图片全程不上传。

  1. 拖入、粘贴或选择 PNG、WebP、JPG 或 GIF 格式的精灵图。透明或纯色背景上的帧会自动找出,也可以按列数和行数的网格切分。

  2. 选择播放哪一行,勾选需要的帧,再设置帧率、来回播放、倒放、末帧停留和循环次数。

  3. 把动画存成 GIF,或存成保留每一处柔和边缘的 APNG。像素画可以放大 2×、3× 或 4×,像素依旧锐利。

这款工具最擅长什么

它最拿手的六件事,从像素奔跑循环到游戏特效都能处理。

  1. 自动找出每一帧精灵图

    自动找出每一帧

    透明或纯色背景上的帧会自动找出,洋红背景也一样;也可以按列数和行数或单格尺寸切分,还能设偏移和间隔。

  2. 每行一段动画

    每行一段动画

    待机、行走、跳跃各占一行的精灵图,一次播放一行;点击图上的帧,就能切换到它所在的行,或把这一帧去掉。

  3. 节奏恰到好处

    节奏恰到好处

    每秒 1 到 50 帧任意设置,可以来回播放或倒放,让最后一帧停留,再选好循环次数。

  4. GIF 和 APNG

    GIF 和 APNG

    GIF 到处都能用;APNG 保留完整的透明效果,光晕和柔和边缘始终平滑。加上背景色,GIF 的边缘同样干净。

  5. 清晰的像素画

    清晰的像素画

    把帧放大 2×、3× 或 4×,每个像素都保持锐利,每个精灵都稳稳站在同一条地面线上。

  6. 免费,保护隐私

    免费,保护隐私

    这款精灵图转 GIF 工具完全在你的浏览器里运行:不上传、不用注册、没有水印,页面加载完成后断网也能继续用。

精灵图转 GIF 指南:让动画流畅播放

五条简短技巧,让任何精灵图都播放得流畅。

按背景还是按网格

精灵在透明或纯色背景上时,用「按背景」。精灵图按精确网格绘制时,用「按网格」,每一帧都留在自己的格子里,播放时不会跳动。

按背景还是按网格

选择播放的行

精灵图的每一行都单独列为一段动画。选好一行,再点击任意一帧,就能把它从循环里去掉。

找到合适的速度

大多数行走和奔跑循环在每秒 8 到 12 帧时最自然;特效和火焰常常在 12 到 15 帧时最好看。「来回播放」能让原本会跳回开头的循环变得顺滑。

找到合适的速度

GIF 里的柔和边缘

GIF 用单一颜色表示透明。把背景色设成 GIF 所在位置的颜色,边缘就会平滑;想保留每一处柔和边缘,就保存 APNG。

适合分享的尺寸

把像素画放大 2× 到 4×,在聊天和帖子里看得更清楚。尺寸、帧数和循环时长都显示在动画下方。

适合分享的尺寸

谁在用精灵图转 GIF

让精灵图动起来的常见理由。

  • 游戏开发者

    放进引擎之前,先把序列帧转 GIF 检查动画节奏,再把预览分享给团队。

  • 像素画师

    把会动的精灵做成放大后依旧清晰的 GIF,发到社交媒体和作品集里。

  • Mod 作者和玩家

    把从游戏里提取的精灵图和 Mod 素材做成 GIF,发到 Wiki、论坛和聊天群里。

  • 网页和 App 设计师

    把雪碧图转 GIF 或 APNG,做成加载图标、贴纸和小动画。

精灵图转 GIF 常见问题

关于精灵图动画、文件和隐私的解答。









现在就开始精灵图转 GIF

打开一张精灵图,几秒钟就能看到它动起来,免费,全程在浏览器里完成。

打开精灵图