GIF 制作器
动画 GIF 仍然是快速添加内容的好方式:可以放进 Slack 作为反应图,也可以放进 README 做简短教程,或放在落地页展示产品微交互。这个 GIF 制作器会把 PNG/JPG 帧合成为 256 色循环 GIF,并在下载前让你重新排列帧,调整速度、循环方式、质量和画布尺寸。
如何创建 GIF
-
1
添加帧
按顺序上传 PNG/JPG 图片,动画将按该顺序播放。
-
2
设置帧延迟
时间以毫秒为单位的帧延迟保存:80 ms 约合 12 fps,适合流畅的界面演示;500 ms 则是约 2 fps 的舒缓幻灯片。可以使用预设,也可以自行输入数值。
-
3
选择画布尺寸
调整画布尺寸,在保持细节的同时让文件更小,并选择完成的 GIF 是无限循环还是只播放一次。
-
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 会在步骤之间保存在此标签页的会话存储里,方便你来回切换;当你重新开始、清除帧或关闭标签页时,这份临时副本就会消失。
相关工具
材质设计颜色选择器
浏览Material Design色板,单击即可将任意色号(50至A700)以HEX、RGB或 HSL 格式复制。
ARW 转 JPG 转换器
将索尼 ARW RAW 照片转换为 JPG。无需打开 Lightroom,即可从相机 RAW 文件得到一张便于分享、通用兼容的 JPEG。
ICO到PNG格式转换器
查看 ICO 中的图像,选择一个尺寸,并在浏览器中按原始大小保存为透明 PNG。
在线白板
在浏览器中的私人白板上绘制想法,排列形状、便签和本地图片。支持撤销操作,并导出 PNG、JPEG、SVG 或可编辑的 JSON。
报纸制作工具
使用你自己的标题和文章制作报纸风格的头版,然后复制、下载纯文本,或打开浏览器打印对话框。
旗帜制作器
在浏览器中使用六种布局、颜色、文字和符号设计简洁的自定义 3:2 旗帜。可下载 SVG 或 PNG,或打开浏览器打印对话框。
此工具还提供其他语言版本
- Criador de GIF [PT]
- GIF-skapare [SV]
- Trình tạo GIF [VI]
- Creador de GIF [ES]
- منشئ ملفات GIF [AR]
- GIFメーカー [JA]
- GIF-Ersteller [DE]
- Créateur de GIF [FR]
- Pembuat GIF [ID]
- ตัวสร้าง GIF [TH]
- GIF 제작기 [KO]
- GIF-maker [NL]
- Kreator GIF [PL]
- Creatore di GIF [IT]
- Создание GIF [RU]
- GIF Oluşturucu [TR]
- GIF Maker [EN]