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 格式复制。
五线谱纸生成器
制作可打印的五线谱纸:空白五线谱、高音或低音谱号、钢琴大谱表或吉他六线谱。可设置每页数量、谱线间距、A4 或 Letter 纸张和页边距,并下载 PDF 或 SVG。
乐高风格马赛克制作器
将照片转换成每边 16、32、48 或 64 格的方形马赛克。预览近似颜色、统计 1×1 平板颗粒,并下载带编号的拼搭指南。
头像制作器
在浏览器中创建扁平插画头像。选择肤色、发型、眼睛、嘴巴、服装、背景和可选显示名称,然后下载SVG或PNG。
SVG 网格生成器
生成具有自定义单元格尺寸、线条宽度和颜色的 SVG 网格背景,可作为 mockup、蓝图及技术界面中的CSS背景。
抽奖券制作工具
为非正式活动创建私密的双联连续编号票券页。可打印所有 A4 或 US Letter 页面,或下载当前页面。
此工具还提供其他语言版本
- ตัวสร้าง GIF [TH]
- Kreator GIF [PL]
- Creador de GIF [ES]
- GIFメーカー [JA]
- Criador de GIF [PT]
- Créateur de GIF [FR]
- Trình tạo GIF [VI]
- GIF 제작기 [KO]
- منشئ ملفات GIF [AR]
- GIF-skapare [SV]
- GIF-maker [NL]
- GIF-Ersteller [DE]
- Pembuat GIF [ID]
- GIF Maker [EN]
- Creatore di GIF [IT]
- Создание GIF [RU]
- GIF Oluşturucu [TR]