使用教學
在瀏覽器中將影片轉為 GIF
把短影片片段轉換成 GIF、動態 WebP 或動態 AVIF，並瞭解片段長度、FPS 與寬度對檔案大小和觀感的影響。
GIF 和輕量級動態圖片如今依然常用於社互動動、產品文件和客服工單。藉助影片轉動圖，你可以把影片中的一個片段（最長 30 秒）轉換成 GIF、動態 WebP 或動態 AVIF，並可自定義 FPS 和寬度，整個過程都在瀏覽器裡完成。
什麼時候該把影片轉成 GIF 或 WebP
比較適合的場景包括：
- 在 Slack、Discord 等聊天工具裡分享簡短反應圖、UI 演示或 bug 復現過程
- 當郵件不方便附帶影片時，用輕量動態圖片展示動作
- 想在頁面或說明文件裡嵌入一個比完整 MP4 更短小的迴圈片段
如果你需要保留音訊、處理很長的影片，或追求接近電影級的畫質，就不適合使用 GIF。這類場景更建議用影片轉 MP4或影片壓縮匯出 MP4。
不同輸出格式的區別
| 格式 | 優勢 | 代價 |
|---|---|---|
| GIF | 相容性最廣 | 檔案大、只有 256 色的典型 GIF 觀感 |
| 動態 WebP | 壓縮效率通常優於 GIF | 某些舊應用或舊平台不一定能播放 |
| 動態 AVIF | 壓縮表現非常好 | 瀏覽器與應用對動態圖支援仍有限 |
如果當前瀏覽器不支援動態 AVIF，可以改用 GIF 或 WebP。
分步操作：生成動態圖片
- 開啟 影片轉動圖 並上傳影片。
- 在時間線上拖動藍色片段條，選擇要匯出的範圍（最長 30 秒）。工具載入後會預設選中一段較短片段，你可以自行調整。
- 選擇輸出格式：GIF、動態 WebP 或 動態 AVIF。
- 設定 FPS 和 寬度。數值越低，檔案通常越小；數值越高，動畫會更順滑。
- 如果所選格式支援，還可以繼續調整 品質。
- 點選 轉換並下載，儲存匯出檔案。
整個轉換都在當前瀏覽器標籤頁裡執行。片段越長、FPS 越高，編碼耗時會明顯增加。
如何做出更小、更乾淨的迴圈圖
- 片段儘量短。 做表情包或反應圖時，3 到 5 秒往往比 30 秒更有效。
- 適當降低 FPS。 UI 演示 8-12 fps 通常就足夠；動作較多的內容可考慮 15-24 fps。
- 縮小寬度。 用於聊天工具時，把寬度降到 480px 或更低，通常能顯著減小體積。
- 去掉無效幀。 讓片段從動作真正開始的那一刻起算，而不是把空白停頓也匯出去。
- 能用 WebP 就彆強上 GIF。 如果接收方使用的平台支援，動態 WebP 往往比 GIF 更省空間。
按釋出場景選格式
| 場景 | 實用選擇 |
|---|---|
| 飛書 / Slack / Discord | 優先 WebP；不支援時用 480px 寬度的短 GIF |
| 郵件 / 文件 | GIF，或改用影片截圖匯出靜幀 |
| 現代網站後台 | CMS 允許時優先動態 WebP 或 AVIF |
拿不準時，可各導一份：小體積 GIF 保證通用預覽，WebP 留給使用新瀏覽器的同事。發到通訊 App群裡時，GIF 相容性通常仍更穩。
反應圖迴圈的心理學
最好的反應動圖應像無限迴圈：動作在節拍上結束，又能自然接回開頭。拖動藍色片段，直到首尾幀看起來接近——哪怕體積完美，閃一下的跳切也會毀掉迴圈感。
UI 演示往往一個完整動作（點選 → 選單展開 → 選中）比隨便截三秒更清楚。轉換前先裁掉兩端無效幀。
梗圖文化偏愛高對比、320px 寬仍能看清的臉——若 480px 下眼睛都糊了，應再降寬度而不是提高 FPS。
目標時刻埋在長檔案裡時，可先用影片修剪匯出短片段——輸入更小、編碼更快，也減少「幀數過多」報錯。
GIF 不適合漸變和膠片顆粒——色帶難免；設計評審用 WebP 通常更順。
常見問題
片段太長。 單次匯出上限是 30 秒，需要把藍色範圍縮短。
提示幀數過多。 可以降低 FPS，或者進一步縮短片段。
動態 AVIF 不可用。 這說明瀏覽器當前沒有對應編碼能力，可改用 WebP 或 GIF。
顏色看起來有條帶感。 這是 GIF 調色盤限制帶來的典型現象。可以嘗試 WebP / AVIF，或者接受它本身的 GIF 風格。
常見問答
能直接把整部影片轉成 GIF 嗎？
不能。每次匯出最多 30 秒。如果源影片很長，可以先用影片修剪或擷取影片片段準備好範圍，再把其中一個片段轉成動圖。
會包含聲音嗎？
不會。GIF、動態 WebP 和動態 AVIF 都是靜音格式。