部落格 上傳媒體 短網址 工具 圖庫 常見問題 聯絡我們 登入
📢 永久無廣告,自動清除EXIF,保護隱私內容
Tools

🌀 影片轉 GIF

剪一段做成動圖

拖動開始時間,下面的預覽會跳到那一格,方便確認要從哪裡開始剪。

GIF 沒有影格間壓縮,每一格都是完整畫面。超過 6 秒檔案就會很可觀。
10–12 fps 對大多數動圖已經夠順。15 以上檔案會大很多,順暢度的差別卻沒那麼明顯。
寬度是檔案大小影響最大的因素。480px 貼社群、聊天室都很夠。

ℹ️ GIF 只能有 256 色,所以漸層與真實照片會出現色階分層,這是格式本身的限制。編碼在你的瀏覽器裡完成,影片不會上傳。

🔒 所有處理都在你的瀏覽器裡完成 — 檔案不會上傳到我們的伺服器,我們也看不到你的圖片。關掉分頁後就什麼都不留。

影片轉 GIF:處理前後對照範例
左邊是原圖,右邊是這個工具實際跑出來的結果,不是示意圖。圖上若有標檔案大小或尺寸,都是實際量到的數字。

使用步驟

  1. 選一段影片 MP4、WebM、MOV 都可以。影片不會上傳 — 讀取、抽格、編碼全部在你的瀏覽器裡完成。
  2. 拖開始時間,選長度 下面的預覽會跳到那一格,可以確認要從哪裡開始。2–4 秒是最實用的長度 — GIF 沒有影格間壓縮,每一格都是完整畫面,時間拉長檔案就等比例變大。
  3. 設定 fps 與寬度 這兩個是控制檔案大小的主要旋鈕。10 fps + 480px 是很好的起點。覺得太大就先降寬度(影響最大),再降 fps。
  4. 按開始處理 會依序抽格、算出 256 色的共用調色盤、再編碼成 GIF。狀態列會顯示進度 — 影格多的時候需要一點時間,這是正常的。
  5. 下載 拿到一個可以直接貼到聊天室、社群或文章裡的 GIF。檔案偏大的話回去把寬度調小重跑,比壓縮已經產生的 GIF 有效得多。

什麼時候用得到

做梗圖、表情包

從影片裡剪一段有趣的動作做成 GIF,在 LINE、Discord、論壇都能直接貼。這是 GIF 至今還沒被淘汰的主要原因 — 它到處都能播,不需要點播放。

文章裡示範操作

教學文章要示範「點這裡、然後這樣拖」時,一張 GIF 勝過五張截圖。而且 GIF 在文章裡會自動播放,讀者不用點。錄一段螢幕再轉成 GIF 就好。

GitHub、文件裡的示範

README 與技術文件放 GIF 幾乎是慣例 — 它不需要影片播放器,在任何 Markdown 渲染的地方都會動。寬度建議 640 以內,GitHub 的內容欄不寬。

不能放影片的地方

有些平台、電子報、內部系統不支援嵌入影片,但支援圖片。GIF 是唯一能在「圖片」的身分下播放動畫的格式。

GIF 的兩個硬限制

用 GIF 之前先理解它為什麼會又大又不好看,設定才調得下去。

只有 256 色。這是 1987 年的格式設計,每一格最多只能用 256 種顏色。一段真實影片可能有幾十萬種顏色,壓進 256 色之後,天空、皮膚、陰影這些連續變化的地方就會出現一階一階的色帶。

沒有影格間壓縮。現代影片格式只儲存「這一格跟上一格哪裡不一樣」,靜止的背景幾乎不佔空間。GIF 沒有這個機制,每一格都是一張完整的圖。這就是為什麼一段 5 秒的影片可能只有 500KB,做成 GIF 卻要 8MB。

怎麼調才能又小又能看

三個旋鈕的影響力差很多,照這個順序調:

  1. 寬度 — 影響最大。寬度減半,像素量剩四分之一。480 → 320 通常就能砍掉一半以上。
  2. 長度 — 線性影響。剪掉一半的時間就少一半的檔案。多數 GIF 其實只需要 2–3 秒的關鍵動作。
  3. fps — 也是線性,但降太多會變成幻燈片。10 fps 是很多人接受的下限,8 fps 已經看得出頓。

什麼樣的素材適合做 GIF

很適合:螢幕錄影、UI 操作示範、插畫或動畫、色塊分明的內容。這些素材本來顏色就不多,256 色綽綽有餘,壓縮效率也好。

不太適合:實拍影片、風景、人物特寫、有大量漸層或雜訊的畫面。這些做成 GIF 會同時遇到色帶與檔案過大兩個問題。

如果你的素材屬於後者,而目標平台又支援影片,認真考慮直接用 MP4。GIF 的價值在相容性,不在品質。


常見問題

為什麼 GIF 的顏色看起來怪怪的、有一層一層的?
因為 GIF 最多只能有 256 色,這是 1987 年定下的格式限制,改不了。一段影片可能有幾十萬種顏色,全部要壓縮到 256 色,漸層(天空、皮膚、陰影)就會出現一階一階的色帶。這個工具會針對你剪的那一段算出專屬的 256 色調色盤,比用固定調色盤好很多,但物理限制還在。畫面顏色越單純(螢幕錄影、插畫、卡通)效果越好。
為什麼檔案這麼大?
因為 GIF 沒有影格之間的壓縮。影片格式(H.264 等)只記錄「這一格跟上一格差在哪」,所以靜止的畫面幾乎不佔空間。GIF 每一格都是一張完整的圖,10 秒 × 15fps 就是 150 張圖疊在一起。控制大小最有效的順序是:先縮寬度 → 再縮短長度 → 最後降 fps。
有沒有更好的選擇?
如果目標平台支援的話,MP4 或 WebM 幾乎在每個面向都更好 — 同樣畫質下檔案可能只有 GIF 的十分之一,而且沒有 256 色限制。GIF 唯一的優勢是相容性:它被當成圖片,所以在任何能放圖的地方都能動。只有在對方不支援影片時才該用 GIF。
影片會上傳嗎?
不會。抽格是用瀏覽器的 <video> 加 canvas,調色盤計算與 LZW 編碼也都是這一頁自己的 JavaScript 做的,沒有引用任何外部函式庫,也沒有任何網路請求。

接下來可能會用到

圖片處理很少一步到位。這幾個是跟「影片轉 GIF」最常搭著用的:

處理完想直接分享?上傳媒體可以把圖片、照片或影片轉成一組短網址,還能設密碼、有效期限與瀏覽次數上限。也可以回到工具總覽看全部 12 個工具。


其他工具