支持 PNG / JPG / WebP 等,最多 120 张,按添加顺序成为帧序列
预览按当前设置实时播放;点“生成 GIF”后这里会换成真正编码好的 GIF。
这个工具能做什么
把几张图片按顺序拼成一个 GIF 动图,常见用途是做 App 功能演示、教程步骤图、表情包或产品轮播。我们自己做应用商店素材时,经常需要把 3–6 张截图串成一个会动的预览放到官网、README 或社媒里,这个工具就是按这个流程设计的:添加图片后可以拖拽排序,统一设置每帧时长或逐帧单独设置,选择无限循环或指定次数,再选输出尺寸和适配方式。尺寸预设里有手机截图常用的 9:19.5、竖屏 9:16、方形 1:1 和横屏 16:9;图片比例和画布不一致时,可以选“完整显示”并指定留白背景色,或选“铺满裁切”。左侧改设置,右侧会实时播放预览,确认后点“生成 GIF”,编码完成会显示真实文件大小再下载。 整个过程在浏览器里完成:图片用 Canvas 绘制,GIF 编码交给开源的 gif.js 在 Web Worker 里多线程运行,图片不会上传到服务器。
使用步骤
- 点击或拖入多张图片(PNG、JPG、WebP 等),拖动缩略图或用 ‹ › 调整顺序。
- 设置帧时长(统一或逐帧)、循环次数、输出尺寸、适配方式和留白背景色,右侧实时预览。
- 点“生成 GIF”,看到文件大小后下载;嫌大就减小宽度、减少帧数或换“快速”画质。
常见问题
图片会上传吗?
不会。读取、绘制和 GIF 编码都在你的浏览器里完成,编码脚本从本站 /vendor/gifjs/ 加载,页面不会把图片发送到任何服务器。
为什么生成的 GIF 颜色有色带或文件很大?
GIF 格式每帧最多只有 256 种颜色。渐变、照片类图片会出现色带,可以打开“抖动”缓解,但文件会变大。App 截图、UI 图颜色较少,一般关闭抖动更清晰也更小。想减小体积,最有效的是减小输出宽度和帧数。
帧时长最短能设多少?
工具限制最短 20 毫秒(约 50 帧/秒)。GIF 规范以 10 毫秒为单位,但多数浏览器会把小于 20 毫秒的帧按 100 毫秒播放,反而变慢,所以不建议更快。
“循环次数”怎么算?
“无限循环”会一直播放;指定次数时填几就播放几遍,填 1 表示只播放一次后停在最后一帧。个别看图软件会忽略循环设置,一般浏览器和社交平台都会遵守。
透明背景的 PNG 能保留透明吗?
目前不保留透明:每一帧会先铺上你选的背景色再编码,避免 GIF 的单色透明在边缘产生毛边。需要透明动图时,建议改用 APNG 或 WebP 动图格式。
用了哪些开源项目?许可如何?
GIF 编码使用开源的 gif.js(MIT 许可),其中包含 Anthony Dekker 的 NeuQuant 颜色量化算法(宽松许可,保留版权声明即可)。均允许商用,许可全文见 /vendor/gifjs/LICENSE.txt。
相关文章和工具
更多工具见开发者工具箱;要做应用商店预览图,可以用App Store 截图生成器。