GIF 與 PNG:兩種無損格式,限制各不相同
GIF 和 PNG 都能在不丟失細節的情況下儲存像素,所以 GIF 轉 PNG 可以做到完全忠實。兩者的差別在於能容納什麼,而這決定了轉換值不值得。
色彩:兩者都能用調色盤
一個 GIF 影格最多只能使用 256 種顏色,記錄在調色盤裡。PNG 同樣能用調色盤儲存,也能用上百萬種色彩的全彩模式。由於 GIF 每個影格永遠不超過 256 色,本工具會盡可能以調色盤模式儲存 PNG,讓每個像素完全相同,檔案也維持精簡。
透明度:只有開關 vs 256 個層級
GIF 的像素不是完全透明,就是完全不透明;PNG 的像素則可以介於兩者之間。這正是設計師把圖像從 GIF 轉成 PNG 的主要原因:之後編輯時可以使用平滑柔和的邊緣。轉換本身則會完全照 GIF 原本畫出的樣子保留邊緣。
動畫
GIF 可以動,標準 PNG 不行。因此 GIF 轉 PNG 時,你得選擇一個影格,或把每個影格各存成一張 PNG。在上方工具中,兩種做法都只要點一下。
為什麼直接從 GIF 抽出的影格看起來是壞的
如果你用過別的工具,結果拿到的影格幾乎是空的,或只剩一雙在眨的眼睛,那並不是 GIF 壞了,而是動態 GIF 節省空間的方式。
大多數影格只是補丁
動態 GIF 的第一個影格通常是完整畫面。之後的影格往往只儲存有變動的那塊矩形,其餘部分沿用畫面上已有的內容。單獨拿出來看,這種影格只是空白背景上的一小塊補丁。
處置方式決定接下來會發生什麼
每個影格也會註明,在畫下一格之前要如何處理自己所佔的區域:
保留
影格留在畫面上,下一格直接畫在上面。這是最常見的設定。
清除
該區域被清成透明,常用於在空白背景上移動的角色圖。
還原為先前的畫面
該區域恢復成這個影格出現之前的樣子,常用於短暫的閃光和彈出效果。
本轉換器會在儲存前依照這些規則,從第 1 格重播到第 n 格,所以 PNG 呈現的正是瀏覽器在那一刻顯示的畫面。
3 個步驟把 GIF 轉 PNG
拖放 GIF 檔案
把一個或多個 GIF 拖到虛線區域,或點擊瀏覽檔案。靜態和動態 GIF 都能用,而且完全不上傳。
選擇影格
若是動態 GIF,畫面會出現影格列:點擊你要的影格。想把整段動畫存成一張張靜態圖,就把「影格」切換為「全部影格(ZIP)」。
下載 PNG
點擊「下載」取得單張 PNG,或取得每個影格各一張、依序編號的 PNG 所組成的 ZIP。多個 GIF 也可以一起下載成一個 ZIP。
拖放一個或多個 GIF。
在影格列中挑一個影格,或選擇「全部影格(ZIP)」。
下載 PNG,或包含每個影格的 ZIP。
GIF 轉 PNG 保留透明:哪些會帶過去、哪些不會
GIF 中的透明像素在 PNG 裡依然透明。真正讓人意外的,是去背圖形周圍的邊緣。
淺色光暈從哪裡來
由於 GIF 沒有半透明,匯出 GIF 的程式會把反鋸齒的邊緣和某個背景色混合,通常是白色。放在白色頁面上,邊緣看起來很平滑;放到深色背景上,這些混過色的像素就會變成一圈細細的淺色外框。
為什麼轉換無法去除它
光暈已經寫進像素的顏色裡。GIF 轉 PNG 會忠實複製這些像素,光暈也就跟著過來。想要乾淨的邊緣,請從原始檔把圖像重新匯出成 PNG,或把 PNG 放在接近 GIF 當初搭配顏色的背景上使用。
快速檢查
在預覽中開啟結果:圖片後方的棋盤格會準確顯示哪些像素是透明的。
PNG 會比 GIF 大嗎?
通常大小差不多,有時還更小,關鍵在於 PNG 的封裝方式。
調色盤 PNG vs 32 位元 PNG
許多轉換器會把每個影格存成 32 位元 PNG,每個像素佔 4 個位元組。對一張只有 256 色的圖片來說這很浪費,檔案常常因此大上 2 到 4 倍。本工具使用調色盤 PNG,每個像素只佔 1 個位元組,而 PNG 的壓縮效果往往與 GIF 相當,甚至更好。
PNG 什麼時候會變大
由照片或影片製成的 GIF 會大量使用混色,也就是用細密的點狀雜訊模擬出更多顏色。雜訊在任何無損格式中都很難壓縮。如果你的來源是這種 GIF,而且只需要一張用來分享的靜態圖片,GIF 轉 JPG 的檔案會小得多。
GIF 與 PNG 一覽比較
| GIF | PNG | |
|---|---|---|
| 壓縮方式 | 無損(LZW) | 無損(Deflate) |
| 色彩 | 每個影格最多 256 色 | 調色盤或上百萬色 |
| 透明度 | 每個像素只有開或關 | 每個像素 256 個層級 |
| 動畫 | 支援 | 不支援(標準 PNG) |
| 最適合 | 短循環、簡單動畫 | 標誌、圖示、螢幕截圖、待編輯的靜態圖 |
什麼時候適合 GIF 轉 PNG
只要你需要一張保留銳利邊緣與透明度的靜態圖片,就值得轉換。
值得轉換的情況
- 把 GIF 梗圖的某一格做成貼圖、表情符號或大頭貼。
- 在偏好 PNG 的文件、簡報或 App 中使用舊的 GIF 標誌或圖示。
- 逐格儲存像素畫以便編輯。
- 從螢幕錄影 GIF 中擷取一張乾淨的截圖。
什麼時候該保留 GIF
如果重點就是動態效果,請保留 GIF:PNG 只是一張靜態圖。而如果網站需要長動畫的每一個影格,影片格式通常比幾百張 PNG 更小。