GIF 制作器

GIF 制作器

请至少添加两个帧。

动画 GIF 仍然是快速添加内容的好方式:可以放进 Slack 作为反应图,也可以放进 README 做简短教程,或放在落地页展示产品微交互。这个 GIF 制作器会把 PNG/JPG 帧合成为 256 色循环 GIF,并在下载前让你重新排列帧,调整速度、循环方式、质量和画布尺寸。

如何创建 GIF

  1. 1

    添加帧

    按顺序上传 PNG/JPG 图片,动画将按该顺序播放。

  2. 2

    设置帧延迟

    时间以毫秒为单位的帧延迟保存:80 ms 约合 12 fps,适合流畅的界面演示;500 ms 则是约 2 fps 的舒缓幻灯片。可以使用预设,也可以自行输入数值。

  3. 3

    选择画布尺寸

    调整画布尺寸,在保持细节的同时让文件更小,并选择完成的 GIF 是无限循环还是只播放一次。

  4. 4

    导出并下载

    工具会通过调色板优化编码动画,并返回一个 .gif 文件。

GIF 格式限制

属性 限制或行为
色彩深度 每帧 256 色(8 位调色板)
Alpha 透明度 1 位透明:每个像素只能完全透明或完全不透明
帧延迟 以 10 ms 为步长存储,因此“60 fps GIF”实际大约只能接近 50 fps
压缩 LZW 压缩,最适合扁平图形和界面录屏
文件大小 格式本身没有硬性上限,但很多浏览器和聊天应用在约 10 MB 以上会处理困难

缩小文件体积的技巧

  • 只保留关键动作。 大多数反应 GIF 在 1–3 秒时最好用。
  • 导出前先缩小尺寸。 对 Slack、X/Twitter、Notion 和文档页面来说,宽 480 px 的 GIF 通常已经足够。
  • 先减帧,再减色。 将 fps 减半通常能明显缩小文件;把调色板从 256 色降到 64 色则可能让渐变明显变差。
  • 优先使用干净背景。 屏幕录制和扁平 UI 动画比带噪声的视频素材更容易压缩。

什么时候改用 MP4 或 WebM

如果目标平台支持短视频自动播放,例如 X/Twitter、Discord 或现代网页,MP4(H.264)或 WebM(VP9)在相同视觉质量下可能比同等 GIF 小 5–10 倍。GIF 仍适合聊天、电子邮件、问题跟踪工具,以及把它当作图片处理的旧文档系统。

常见问题

GIF 限制为 256 色,并使用基于调色板的图像格式。平滑渐变可能变成抖动噪点,肤色也容易出现色带。想要更干净的效果,可以减少动作细节、裁剪画面,或在目标平台支持时使用 MP4/WebM。

GIF 本身只支持 1 位透明,而这个编码器会把每帧绘制在纯色画布上、不编码透明颜色,因此透明区域可能显示为深色或被填充。想要可预期的效果,请在上传前先把帧合并到最终的背景色上。需要平滑的 Alpha 时,请使用 APNG 或 WebP。

对 Slack 或 X/Twitter 来说,12–15 fps 比较实用,相当于约 65–85 ms 的帧延迟。本工具默认从 150 ms(约 6.7 fps)开始,适合幻灯片;想要更流畅的界面动效,可以选择流畅预设或直接输入 80。

不会。你的图片不会离开浏览器:它们在本地读取、在页面内编码成 GIF 并直接下载,不会上传到任何服务器。在多步骤流程中,帧和成品 GIF 会在步骤之间保存在此标签页的会话存储里,方便你来回切换;当你重新开始、清除帧或关闭标签页时,这份临时副本就会消失。

相关工具

此工具还提供其他语言版本