GIF 分割工具
將每個可見的動畫 GIF 影格拆解為獨立的本機 PNG,而非原始增量補丁。
隱私權:你的檔案不會離開裝置,所有處理均在瀏覽器本機完成。
使用方式
- 1.選擇一個最多為 20 MB 的動畫 GIF。
- 2.點選「提取 PNG 影格」,並等待本機合成流程完成。
- 3.審視編號預覽,並下載你需要的完整 PNG 影格。
關於GIF 分割工具
GIF 分割工具可將一個動畫 GIF 拆解為獨立的 PNG 圖片,並在當前瀏覽器標籤頁中顯示。選擇一個 GIF,點選「提取 PNG 影格」,頁面會列出所有可見動畫影格,包含預覽、影格編號、畫布尺寸、解碼延遲以及獨立下載連結。整個過程不涉及任何 ZIP 檔案壓縮、伺服器上傳、帳號或遠端轉換佇列。每個 PNG 均由本機畫布像素生成,僅在你更換輸入、離開頁面或關閉標籤頁時會失效。
關鍵區別在於,使用者看到的動畫影格與儲存在 GIF 檔案中的影象區塊之間的差異。GIF 壓縮程式常儲存一個小矩形區域,僅在前一影格後改變,而非每次步驟都完整繪製整個畫布。部分割槽塊包含透明像素;部分要求顯示後清除該矩形;其他則要求恢復前一畫布狀態。若直接匯出這些原始矩形,將導致誤導性的縮圖與不完整的 PNG 檔案。此分割工具會將每個區塊疊加至當前邏輯畫布上,正確套用前一影格的清除指令,並匯出最終完整的可見畫布。
此合成結果對於需要靜態影象的用途非常實用,例如檔案紀錄、劇情分鏡、設計審核、社交媒體素材或手動編輯。一個閃爍的遊標、移動的貼紙或部分背景更新,將轉為完整的 PNG,可被編輯器直接開啟,無需依賴所有前一影格。影格編號依照解碼後的 GIF 影象順序,從一開始。顯示的延遲為解碼後的顯示延遲(毫秒),作為排序或重新組合的上下文資訊,並非保證所有播放器或平臺都會完全重現原始時間軸。
PNG 檔案保留完整的邏輯畫布尺寸。該工具不會將每個影格裁剪至改變的矩形區域、調整影象大小、將影格合併為聯絡頁、加入檔名標籤、為透明區域繪製背景,或重新編碼為新動畫。PNG 支援 alpha(透明度),因此合成的 GIF 影格中透明區域將維持透明,畫布會保留瀏覽器的透明設定。若你需要較小的輸出影象或新的動畫 GIF,建議在確認提取的影格正確後,使用相關的縮放或最佳化工具處理。
安全限制是故意設定的。所選的 GIF 檔案最多可達 20 MB;其畫布寬度與高度最多為 4,096 像素,單一影格最多三百萬像素。頁面最多接受 50 個影象影格,並在開始生成 PNG 下載前檢查總體補丁工作量與合併輸出像素總和。動畫檔案在解壓縮時可能遠大於原始位元組大小,因此這些限制可避免一個看起來很小的上傳導致標籤頁分配過多的畫布像素。若輸入被拒絕,將顯示明確訊息且不會產生部分提交的影格清單。
每個輸出檔名皆由來源檔名加上補足的影格編號組成,例如 animation-frame-01.png。補足的編號可讓檔案管理器或編輯器維持與動畫相同的順序。頁面刻意提供個別下載連結,而非假裝已壓縮成一個檔案:每個顯示的連結皆指向真實的 PNG Blob。下載所需的影格後,可先使用輸出清單進行視覺審查,再決定是否刪除或取代原始的 GIF。
為確保使用可靠,請在解壓縮後開啟第一個、中間的以及最後一個輸出的 PNG。與原始動畫進行比較,特別注意僅改變畫布部分的過渡區域。若 GIF 使用非常細膩的透明度、色彩管理差異或損壞的擴充套件資料,請在目標應用程式中檢查產生的 檔案。此工具無法恢復瀏覽器解碼器無法讀取的影格、重建影片時間軸、保留 GIF 的備註或應用程式擴充套件資料、偵測重複的視覺影格,或推測哪一張圖片最有用。它也不會上傳原始資料或永久儲存提取的圖片。
這個實現依賴瀏覽器畫布來實際產生 PNG,並僅在你開始提取後才使用本機解碼 GIF。這讓頁面初始程式碼保持輕量,也意味著你的檔案不會有網路請求。如果目前瀏覽器無法分配所需的畫布或無法解碼提供的 GIF,操作會停止,而不是提供損毀或標籤錯誤的檔案。請檢視可視預覽,並下載你工作流程所需的精確編號 檔案。
方法與來源
驗證有界本機 GIF 輸入,解碼影象區塊,套用前一影格的清除行為,將每個透明補丁繪製至完整邏輯畫布上,將該完整畫布匯出為 PNG Blob,並在輸出被取代或元件解除安裝時收回所有暫時 URL。
常見問題
- 這些是原始的 GIF 補丁矩形嗎?
- 不是。每個 PNG 是在工具套用該 GIF 影格與清除行為後的完整可見畫布。
- 這些 PNG 檔案包含動畫時間軸嗎?
- PNG 是靜態影象。此頁面會顯示每個解碼後的 GIF 延遲作為排序或重新組合的參考。
- 我可以將所有影格下載為一個 ZIP 檔案嗎?
- 此專注工具僅提供獨立的真實 PNG 下載,不會建立 ZIP 壓縮檔。
- 原始的 GIF 會離開我的裝置嗎?
- 不會。解碼、合成、PNG 建立、預覽與下載皆在瀏覽器本機完成。
相關工具
圖片工具 使用指南
查看全部- How to Split GIF Into Frames in Photoshop (英文原文)
- Turn an Animated GIF Into Individual PNG Frames Locally (英文原文)
- How to Split GIF Frames Into Downloadable PNGs (英文原文)
- How to Split a GIF Into Separate PNG Frames (英文原文)
- Gift Split Fiction Moments: Split a GIF into PNG Frames (英文原文)
- How to Add a Background to a PNG for Your Website (英文原文)
- Convert WebP to GIF on Mac Without Uploading It (英文原文)
- How to Convert WebP to GIF in Your Browser (英文原文)
- Convert SVG to PNG With a Transparent Background (英文原文)
- How to Convert SVG to JPG in Windows Without Software (英文原文)
- How to Make an Image a Solid Color in Photoshop (英文原文)
- Add Rounded Corners to a Photo in Your Browser (英文原文)
- How to Convert PNG to JPG Without Losing Quality (英文原文)
- Image Placeholder for Photoshop, Without the App (英文原文)
- Cities: Skylines 2: Create a Reference Overlay PNG Locally (英文原文)
- Turn Your Memento Backpack Division 2 Hunt Into a Meme (英文原文)
- Convert JPG to PNG Without Canva: A Faster Way (英文原文)
- How to Put an Image to PDF Without Uploading It (英文原文)
- Image to Base64 in JavaScript Without Writing Code (英文原文)
- Image to ASCII Explained: How Pixels Become Text (英文原文)