Dev Tools
純前端檔案不上傳

影片轉 GIF(MP4 / WebM / MOV → GIF)

拖入影片,選 **起 / 訖秒數**、**fps**、**輸出寬度**,瀏覽器內 seek + canvas 截圖 → gifenc 量化打包 GIF。整段流程在你瀏覽器內跑,**影片不上傳**。

如何使用
  1. 拖入影片(MP4 / WebM / MOV);系統讀取 metadata 顯示尺寸與時長。下方有原始 video player 可預覽。
  2. 起點 / 終點 滑桿 圈出要轉的秒數區間(避免整段影片變超大 GIF)。
  3. fps 5-30(15 fps ≈ GIPHY 標配)、輸出寬度(高度等比自動算)、Palette 顏色數 影響檔案大小、Contain / Cover 處理非標準比例。
  4. 預估顯示 *N 個影格 + 解析度*,按 轉成 GIF 並下載,顯示編碼進度。
Tips
  • 檔案爆增的原因 通常是:時長太久、fps 太高、Palette 顏色太多。1-3 秒 × 10-15 fps × 128 色 通常剛好。
  • GIF 是 indexed colour(8-bit palette),真實影片色彩會少很多。產品 demo / 截圖類效果好,寫實影片會明顯退化。
  • 為什麼這個工具不用 ffmpeg.wasm? ffmpeg.wasm 載入要 30MB+,我們用瀏覽器內建 video seek + gifenc 只需要 50KB,99% 場景夠用。
  • 對標 ezgif.com:他們上傳到雲端再回傳,且 100MB / 200 frame 限制 + 廣告;我們純本機處理 + 不上傳。

💡 video.seek 是非同步的,我們等 seeked 事件才截下一張,確保畫面對得上時間;1 秒 15 fps 約 1-2 秒完成。影片完全不離開瀏覽器

相關工具