GIF 制作器

GIF 制作器

请至少添加两个帧。

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

如何创建 GIF

  1. 1

    添加帧

    按顺序上传 PNG/JPG 图片,或添加一段短 MP4 来提取帧。

  2. 2

    设置帧率

    UI 演示可用 8–12 fps;想要更接近视频的流畅动作,可用 15–24 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。

12–15 fps 是实用的默认值。它能保持动作清楚,同时避免文件过大;会把 GIF 转为视频的平台也能很好处理这个范围。

编码在页面内完成,生成的 GIF 会返回给你下载。导出后不会保留源帧。

相关工具