做表情包
短 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