工具主面板

点击或拖拽上传图片/视频

支持多张 JPG/PNG/WebP,或一段 MP4/WebM 视频片段

纯前端处理,不上传服务器,保护隐私

动图设置

越小越流畅,越大约像幻灯片 (100ms ≈ 10 FPS)

高度将按原始比例自动计算。尺寸越大体积越大。

1 为最高画质(较慢),20 为低画质(较快)。默认为 10。

什么是纯前端 GIF 动图制作器?

传统的 GIF 制作工具通常要求您将图片或短视频上传至云端服务器进行处理,这不仅耗费上传和下载的时间,更重要的是可能面临隐私泄露的风险。本工具基于强大的 Web 技术 (`gif.js`) 开发,所有的视频解析、图片剪裁和合成运算都在您的本地浏览器内完成,您的任何个人照片或视频都不会被上传至网络。

如何调节 GIF 的流畅度与清晰度?

⏱️ 帧间隔控制播放速度

帧间隔代表每张画面停留的时间(毫秒)。1000毫秒 = 1秒。如果你想让画面像电影一样流畅,就把间隔设小(如 50ms - 100ms);如果你只是想做多张照片的幻灯片轮播,可以设大一些(如 500ms - 1000ms)。

📏 尺寸决定文件体积

动图最致命的就是文件过大导致社交平台无法发送。通过缩小【输出宽度】(如设置为 300px 或 400px)可以极大地减小最终 GIF 的体积,适合用作微信表情包。

如何使用本工具?

  1. 导入素材:拖拽或点击上传多张静态图片(JPG/PNG格式),或者直接上传一段很短的视频片段(如1-3秒的MP4)。
  2. 调整序列:上传后,图片会以帧的形式展示。您可以直接拖拽缩略图来排序,或者点击红色的删除按钮移除不需要的帧。
  3. 参数调节:在右侧面板设置合适的帧间隔(建议视频为 100ms)、输出宽度和画质。
  4. 一键生成:点击“生成 GIF”按钮,等待进度条满格后,即可直接下载保存!

常见问题

1. 为什么生成的 GIF 体积特别大,微信发不出去?
GIF 格式先天的压缩率较低。如果你发现体积过大,请在生成前调小【输出宽度】(例如 300px 以下),或者减少总帧数(删除无用帧),同时可以适当提高【画质】数值(数值越大压缩率越高,画质越低)。
2. 上传视频时,它是如何提取帧的?
工具会在后台静音播放您上传的视频,并在每隔特定的时间(由帧间隔决定)截取一幅画面。建议上传时长较短(低于10秒)的视频,否则可能导致浏览器内存溢出崩溃。
3. 处理过程需要连接外网吗?
完全不需要。所有的图片剪裁和编码计算均由您本地的电脑/手机的 CPU 和内存来完成,真正做到了安全隐私与随时随地可用。
4. 为什么会有色彩失真或色块?
GIF 格式最多只能支持 256 种颜色。如果是色彩非常丰富、光影渐变强烈的视频转成 GIF,必然会因为色彩采样丢失而产生杂色和色块现象,这是 GIF 格式本身的限制。
5. 出现“浏览器无响应”或崩溃怎么办?
纯前端处理极其消耗设备性能。如果您上传的帧数过多(超百张)、分辨率过高,手机或低配电脑可能会出现崩溃。建议减少处理的图片数量,或使用性能更加强劲的桌面端浏览器处理。
6. 可以在手机上使用该功能吗?
工具已经全面适配移动端。您可以在手机浏览器中直接调起相册,上传照片并合成 GIF,整个操作和电脑端一样流畅,甚至更便捷。
7. 拖拽排序功能怎么用?
图片上传完成后会在左侧预览区显示,您只需电脑端按住鼠标左键(手机端长按)图片缩略图,即可自由拖拽它们的顺序,在生成时会严格按照排列好的先后顺序进行播放。
8. 画质选项设置为多少合适?
默认的 10 是速度和质量的良好平衡。如果你对画面细节要求高,且不差性能与等待时间,可以调到 1;如果对质量要求不苛刻,且想极快生成大量帧的 GIF,可以调至 20。

相关小工具推荐