做表情包
短 GIF 加中文大字和黑色描边,保持浏览器系统字体对中文的支持。
使用指南
GIF 工具箱用于围绕动图做四类小任务:「多图合成」「拆帧」「加字」「调速」。多图合成先在浏览器 canvas 把图片统一成首图比例,再交给 ffmpeg 两遍调色生成 GIF;拆帧把 GIF/APNG/动态 WebP 解码成一组 PNG;加字会先统一帧率拆帧,再用浏览器系统字体逐帧画字,最后重新合成;调速重新计算帧时间。
更新于 2026-09-10约 3 分钟读完
GIF 工具箱用于围绕动图做四类小任务:「多图合成」「拆帧」「加字」「调速」。多图合成先在浏览器 canvas 把图片统一成首图比例,再交给 ffmpeg 两遍调色生成 GIF;拆帧把 GIF/APNG/动态 WebP 解码成一组 PNG;加字会先统一帧率拆帧,再用浏览器系统字体逐帧画字,最后重新合成;调速重新计算帧时间。
这些路径不是同一种处理:合成最多选 60 张,宽度只能 320/480/640px;加字有 300 帧上限;调速范围 0.25x–4x,若加速后超过 50 fps 会自动压到 50 fps。ffmpeg 路径由浏览器内单线程 ffmpeg.wasm 执行。
| 输入 | 输出 | 说明 |
|---|---|---|
8 张 PNG 产品图 |
480px 宽、每帧 0.5 秒的循环 GIF |
高度按首图比例,不足区域填所选背景 |
12 fps 的短 GIF,加字“下班了” |
逐帧使用系统字体叠字后重新合成 GIF |
最多处理 300 帧 |
20 fps GIF 调到 3x |
理论 60 fps 会被限制到 50 fps |
会自动丢帧 |
短 GIF 加中文大字和黑色描边,保持浏览器系统字体对中文的支持。
多张照片排序后设统一停留时间,快速合成 GIF。
把 GIF/APNG/动态 WebP 拆成 PNG 包,拿去做单帧编辑。
0.5x 做慢动作,2x–4x 加快冗长演示。
拆帧只导出图像内容,不保留每一帧原本可能不同的持续时间;重新合成使用统一帧时长。
实现先拆帧,再由浏览器 canvas 用系统字体逐帧绘字,避免 wasm 构建缺少中文字体资源。
图片和动图都在浏览器本地由 canvas 与 ffmpeg.wasm 处理,不上传;首次调用 ffmpeg 路径时会从站点资源域或 jsDelivr 下载约 31–32 MB 单线程 core。
更新于 2026-09-10