GIF 制作器
动画 GIF 仍然是快速添加内容的好方式:可以放进 Slack 作为反应图,也可以放进 README 做简短教程,或放在落地页展示产品微交互。这个 GIF 制作器会把 PNG/JPG 帧或裁剪后的 MP4 合成为 256 色循环 GIF,并在下载前允许你调整 fps、画布尺寸和循环次数。
如何创建 GIF
-
1
添加帧
按顺序上传 PNG/JPG 图片,或添加一段短 MP4 来提取帧。
-
2
设置帧率
UI 演示可用 8–12 fps;想要更接近视频的流畅动作,可用 15–24 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。
12–15 fps 是实用的默认值。它能保持动作清楚,同时避免文件过大;会把 GIF 转为视频的平台也能很好处理这个范围。
编码在页面内完成,生成的 GIF 会返回给你下载。导出后不会保留源帧。
相关工具
图片尺寸调整器
将图片调整到精确的像素尺寸或百分比,同时保持宽高比。适合批量准备图片,无需上传。
图像放大器
使用 AI 超分辨率或经典插值,将低分辨率图像放大 2×、3× 或 4×,同时保留重要细节。
SVG 转 PNG
在浏览器中将 SVG 文件或 SVG 标记转换为 PNG,选择缩放因子,并保持透明边缘清晰。
PNG 转 SVG 矢量化工具
在浏览器中把 PNG 栅格图像转换为 SVG 路径。适合徽标、图标和线稿。可控制阈值、颜色数量和平滑度。
BMP 转 PNG
在浏览器中将 BMP 文件转换为 PNG。无损,保留色深,并可从原始 BMP 的 alpha 通道添加可选透明度。
条形码生成器
创建 Code 128、EAN-13、UPC、ITF-14 和另外七种线性条形码。数据留在浏览器中,可下载 SVG 或 PNG。