試試看GIF Splitter,在你的瀏覽器中親自體驗。

把GIF拆分成影格,實際上代表什麼
把一個動態GIF拆分成影格,代表在你的瀏覽器中解碼這個檔案,並把每一個完整合成後、可見的影格,匯出成獨立的PNG圖片。與原始的GIF修補區塊不同——那些通常是帶有透明像素或局部更新的小矩形——每一個匯出的PNG,都會顯示那個時間點完整的邏輯畫布。這個區別很重要,因為原始的修補區塊在編輯器中開啟時,可能看起來不完整,或造成誤導。GIF Splitter這個工具,會套用GIF的處置指令(清除、還原,或保留),把每一個修補區塊繪製到目前的畫布上,接著把結果匯出成全解析度的PNG。輸出結果會保留原始的影格時序、尺寸與透明度,因此適合用於文件說明、分鏡腳本、社群媒體素材,或手動編輯。
舉例來說,如果你有一個3秒的閃爍游標GIF,這個拆分工具會為游標的每一種可見狀態,各產生一張PNG,而不只是產生有改變的小矩形區域。這種做法能確保每一個影格,都是一張獨立完整的圖片,可以在不需要原始GIF或先前影格的情況下,直接開啟、編輯,或分享。這個工具也會顯示每一個影格解碼出來的延遲時間,幫助你之後在需要時,為這些靜態圖片排序,或重新組合。
什麼時候需要把GIF拆分成影格
出於幾個實際的理由,你可能會需要把GIF拆分成影格:
- 設計審查:從一段動畫中擷取關鍵時刻,與團隊討論時序、轉場,或視覺一致性。
- 社群媒體素材:把一段短動畫轉換成個別的靜態圖片,供不支援GIF、或需要靜態圖片的平台使用。
- 手動編輯:修正或強化某個特定影格,不需要從編輯器中重新匯出整段動畫。
- 文件說明:在指南、教學或簡報中放入清楚、編了號的靜態圖片,而不是連結到一個循環播放的GIF。
- 分鏡規劃:把一段動畫拆解成組成的影格,規劃剪輯或重製方案。
GIF Splitter這個工具,正是為了這些任務而設計的,因為它會把每一個影格,匯出成完整合成後的PNG,而不是原始的GIF修補區塊。這代表你可以在影像編輯器中開啟任何一個影格,看到完整的畫布,而不只是有改變的那個部分。這個工具也會保留透明度,因此如果你的GIF有透明背景,匯出的PNG也會保留這個透明背景。這對需要與其他內容無縫融合的疊層、貼圖,或動畫來說,特別有用。
如何把GIF拆分成PNG影格
依照以下步驟,把一個動態GIF中每一個可見的影格,擷取成獨立的PNG:
- 在你的瀏覽器中開啟GIF Splitter工具。頁面會立即載入,不需要註冊,也不需要上傳。
- 選擇你的動態GIF:點選上傳區域,或把檔案拖曳進去。這個工具接受大小上限20 MB、任一邊畫布尺寸不超過4,096像素的GIF。
- 選取「擷取PNG影格」:並等待本機端的合成處理完成。這個工具會解碼GIF、套用處置指令,並把每一個影格繪製到完整的邏輯畫布上。
- 查看上傳區域下方出現的編號預覽圖:每一張預覽圖都會顯示影格編號、畫布尺寸、解碼出的延遲時間(以毫秒為單位),以及一個下載連結。
- 下載你需要的影格:點選個別的連結即可。每一個PNG的檔名,都是來源檔案名稱加上補零的影格編號(例如animation-frame-01.png)。
擷取完成後,這個工具只會在你更換輸入檔案、離開頁面,或關閉分頁之前,讓所有影格保持可用。這確保了你的GIF與其影格保持私密,因為沒有任何資料會被上傳到伺服器。如果你之後需要調整大小或最佳化這些影格,可以直接在瀏覽器中使用Image Resizer或Image Compressor工具。
匯出的PNG影格包含哪些內容
GIF Splitter工具匯出的PNG影格,包含以下細節:
| 屬性 | 說明 |
|---|---|
| 畫布尺寸 | GIF完整的邏輯尺寸,不會裁切成有改變的矩形區域。 |
| 影格編號 | 一個補零的數字(01、02……),對應解碼後的GIF影像順序。 |
| 解碼延遲 | 以毫秒為單位的顯示延遲時間,僅供參考,不會內嵌在PNG檔案中。 |
| 透明度 | 只要瀏覽器畫布支援,GIF中的透明區域,在PNG中會維持透明。 |
| 檔名 | 由來源檔名加上影格編號組成(例如animation-frame-01.png)。 |
這個工具不會把影格裁切成有改變的矩形區域、不會調整圖片大小、不會把影格合併成一張聯絡表,也不會重新編碼成新的動畫。每一個PNG都是一張靜態圖片,因此無法包含動畫時序,或像GIF備註這類的中繼資料。如果你需要把這些影格重新組合成新的GIF,擷取完成後,可以使用GIF Maker工具。
安全性與隱私限制
GIF Splitter工具內建了刻意設計的安全性限制,避免在你的瀏覽器中消耗過度的資源:
- 檔案大小:選取的GIF大小上限為20 MB。更大的檔案會被拒絕,以避免配置過多的記憶體。
- 畫布尺寸:畫布任一邊最多不能超過4,096像素,單一影格最多不能超過三百萬像素。這能避免看起來很小的上傳檔案,解壓縮後變成不切實際的龐大像素數量。
- 影格數量:這個工具最多接受50個影像影格。如果你的GIF超過這個上限,你會看到明確的訊息,且不會顯示部分的影格清單。
- 本機端處理:所有解碼、合成,以及PNG產生的過程,都在你的瀏覽器中完成。沒有任何資料會上傳到伺服器,也不會保留任何影格的永久複本。
這些限制,能確保這個工具在典型使用情境下——例如從短動畫或貼圖中擷取影格——保持快速且可靠。如果你的GIF被拒絕,你會看到一則明確的錯誤訊息,說明超出了哪一項限制。這個工具也會在建立任何下載項目之前,檢查總計的修補工作量與合併輸出的像素數量,因此你不會遇到部分擷取的影格。
如何驗證匯出的影格
擷取完影格之後,驗證它們是否與原始動畫相符:
- 開啟第一個、中間,以及最後一個影格:在影像編輯器或檢視器中開啟它們。檢查畫布尺寸、透明度,以及視覺細節,是否與原始GIF相符。
- 比較影格之間的轉場:尤其是局部更新或透明度周邊的部分。色彩管理或處置行為上的細微差異,可能會影響結果。
- 檢查影格順序:如有需要,重新命名檔案。補零的編號(01、02……)能讓大多數檔案總管,把影格維持在正確的順序。
- 測試透明度:如果你的GIF包含透明度,就在支援alpha色版的編輯器中,開啟一個影格,確認透明區域已被保留。
如果你發現不一致的情況,例如影格遺漏,或透明度不正確,問題可能出在原始GIF的編碼方式上。這個工具依賴瀏覽器的GIF解碼器,因此無法還原解碼器無法讀取的影格。為了得到最好的結果,請使用具有標準處置指令的GIF,並避免損毀的延伸資料。
把GIF拆分成影格之後,接下來該做什麼
擷取完影格之後,你可以用好幾種方式來運用它們:
- 編輯個別影格:在影像編輯器中開啟特定的影格,修正錯字、調整顏色,或加入元素。
- 建立分鏡腳本:把影格排列在文件或簡報中,規劃剪輯方案,或分享動畫的流程。
- 分享靜態圖片:在不支援GIF、或需要更高解析度的平台上,把這些影格當成靜態圖片使用。
- 重新組合動畫:使用GIF Maker工具,把這些影格重新變回一個具有自訂時序或編輯內容的新GIF。
- 最佳化或調整大小:使用Image Resizer或Image Compressor,針對電子郵件、社群媒體,或其他用途調整影格。
GIF Splitter這個工具,設計成能與其他以瀏覽器為基礎的工具無縫整合。由於所有處理過程都在本機端進行,你可以直接從擷取,進入編輯或重新組合的階段,不需要上傳檔案,也不需要切換裝置。這讓它非常適合用於快速的工作流程,例如準備社群媒體素材,或為團隊審查記錄一段動畫。
如果你還在評估選項,如何在Lightroom Classic中(或在本機端)旋轉圖片這篇文章有詳細說明。
如果你還在評估選項,如何在你的瀏覽器中把JPG轉換成PNG這篇文章有詳細說明。