GIF 逐幀提取教學:分解動圖為單幀 PNG 序列
圖片(更新於 2026年6月8日)
GIF 動圖的結構
GIF(Graphics Interchange Format)是一種點陣圖格式,透過依序顯示多幀影像實現動畫效果。了解其結構有助於更好地編輯:
GIF 檔案
├── 全域顏色表(最多 256 色)
├── 幀 1:影像資料 + 區域顏色表 + 延遲時間 + 處置方式
├── 幀 2:影像資料 + 延遲時間 + 處置方式
├── ...
└── 幀N:影像資料 + 延遲時間
關鍵參數
| 參數 | 含義 | 典型值 |
|---|---|---|
| 幀數 | 動圖包含的畫面數 | 10-100 |
| 延遲時間 | 每幀顯示時長(單位:10ms) | 10(100ms/幀) |
| 迴圈次數 | 0=無限迴圈 | 0 |
| 顏色數 | 最多 256 色 | 128-256 |
為什麼要提取 GIF 幀?
- 逐幀編輯:修改某一幀的文字、顏色或位置
- 擷取表情:從長 GIF 中擷取精彩片段
- 分析問題:排查動圖播放卡頓、閃爍的原因
- 格式轉換:將幀序列匯入影片編輯軟體
- 製作貼圖:提取單幀作為靜態貼圖使用
使用 GIF 幀提取工具
步驟 1:上傳 GIF
開啟 GIF 幀提取工具,點擊上傳或拖入 GIF 檔案。支援最大 30MB 的 GIF。
步驟 2:檢視幀資訊
上傳後工具會顯示:
- 總幀數:GIF 包含多少幀
- 每幀延遲時間:以毫秒顯示,如 100ms
- 總時長:所有幀延遲時間之和
- 幀縮圖:每幀的預覽圖
步驟 3:提取幀
選擇提取方式:
- 全部提取:匯出所有幀為 PNG 序列
- 指定範圍:選擇起始幀和結束幀,只提取片段
- 單幀提取:點擊某幀縮圖,只匯出該幀
步驟 4:下載結果
- 逐幀下載:點擊單幀縮圖下載對應 PNG
- 批量下載:以 ZIP 包形式下載所有幀
- 幀檔案命名格式:
frame_001.png、frame_002.png...
逐幀編輯後重新合成
提取幀後,你可以對單幀進行編輯(如修改文字、調整顏色),然後重新合成為 GIF:
方法 1:使用影片轉 GIF
- 將編輯後的幀序列合成為短影片(MP4)
- 使用 影片轉 GIF 轉回 GIF
- 調整幀率和尺寸
方法 2:使用圖片格式轉換
如果只修改了少量幀,替換原幀後重新合成。可借助 格式轉換 處理幀的格式。
實用技巧
技巧 1:減小 GIF 體積
GIF 體積與幀數和尺寸直接相關:
- 減少幀數:提取幀後,每隔 N 幀保留一幀(如每 2 幀取 1 幀)
- 縮小尺寸:提取後用 圖片縮放 統一縮小幀尺寸
- 降低顏色數:減少到 64 或 128 色
技巧 2:提取 GIF 中的某一瞬間
- 上傳 GIF 到 幀提取工具
- 瀏覽幀縮圖,找到目標幀
- 點擊該幀直接下載為 PNG
技巧 3:製作 GIF 預覽圖
提取第一幀或最精彩的一幀,作為 GIF 的靜態預覽圖,用於不支援動圖的場景(如 OG 圖片)。
常見問題
提取的幀顏色和原 GIF 不一樣?
GIF 使用最多 256 色的索引顏色,提取為 PNG 後轉為真彩色,顏色可能略有差異。這是格式差異導致的正常現象。
延遲時間都是 0 怎麼辦?
部分 GIF 工具產生時未設定延遲時間,瀏覽器預設按 100ms/幀播放。提取後重新合成時記得設定合理的延遲時間。
提取後幀有殘影?
GIF 的「處置方式」決定了幀之間的疊加關係。如果處置方式為「不處置」,前一幀的內容會保留在畫布上,導致殘影。提取工具會正確處理各幀的疊加邏輯。
GIF 幀數太多,如何只取關鍵幀?
使用「指定範圍」功能,輸入起始幀和結束幀編號,只提取需要的片段。
相關工具
總結
GIF 幀提取是動圖編輯的基礎操作。透過 GIF 幀提取工具,你可以將動圖分解為單幀 PNG 序列,檢視每幀的延遲時間,逐幀編輯後再重新合成。無論是修改某一幀、擷取精彩瞬間,還是分析動圖問題,幀提取都是第一步。配合 影片轉 GIF 和 格式轉換,可以完成 GIF 的完整編輯工作流。
#GIF#逐帧#帧提取#动图#编辑