什麼是 Alpha 通道？影像透明度如何真正運作，逐格式解析

你把一張「透明」PNG 拖到深色投影片上，卻跟著出現一個白色矩形。檔案在編輯器裡明明正常。那到底發生了什麼事？答案藏在一個很少被注意的第四通道。影像中的每個像素都帶有紅、綠、藍值，而在某些格式中還有第四個數字，稱為 Alpha 通道，用來表示該像素應該顯示多少。

本指南說明那個數字儲存了什麼、哪些格式會保留它（PNG 和 WebP）、哪些格式把它簡化成開關（GIF）、哪些格式會直接丟棄它（JPG），以及為什麼 SVG 遵循不同規則。過程中，我們逐像素讀取七個真實去背結果的 Alpha 通道，因此下方數字來自檔案，而非理論。

同一張 PNG，四種背景。這雙運動鞋是 AI 生成的測試輸入，並以 Atlas Cloud 去背工具去背；檔案放到每個背景上時都未經修改。

重點摘要

• Alpha 通道是第四個通道，會為每個像素儲存不透明度；在 8 位元影像中，從 0（完全透明）到 255（完全不透明）。
• PNG 和 WebP 會保留完整的 Alpha 通道。GIF 只能將調色盤中的一種顏色標記為透明。JPG 完全不儲存透明度。
• Atlas Cloud 的 免費 AI 去背工具 會以你上傳的像素尺寸回傳透明 PNG，並在你的瀏覽器中處理。
• 在七個量測過的去背結果中，只有 0.7% 到 2.2% 的像素是部分透明。那條細帶就是抗鋸齒邊緣，讓頭髮和輪廓看起來自然。
• 在檢視器中顯示白色或黑色背景的 PNG，通常並未失去 Alpha 通道。重新匯出任何內容之前，先在深色或棋盤格背景上檢查它。

Alpha 通道在每個像素中儲存了什麼

問到什麼是 Alpha 通道時，你通常會得到一個比喻。這裡改用數字說明。W3C 的 PNG 規格用一句話定義它：「Alpha 樣本決定像素的不透明度，其中零代表完全透明，最大值代表完全不透明。」在 8 位元影像中，最大值是 255，因此在透明與不透明之間有 256 個階層。

PNG 也允許 16 位元 Alpha。規格允許兩種帶 Alpha 的色彩類型使用 8 或 16 位元深度：含 Alpha 的灰階與含 Alpha 的真彩；而 16 位元 Alpha 通道有 65,536 個階層。在合成流程之外，你會遇到的是 8 位元。

所以一個 RGBA 像素是四個數字。三個描述顏色，一個描述覆蓋程度。只改變第四個數字，顏色會保持不變，而像素會淡出。這就是柔和髮絲邊緣、陰影，以及能讓背景透出的玻璃背後的整套技巧。

「透明」這個詞隱藏了一個重要區別。有些格式會為每個像素儲存完整的 Alpha 值，因此像素可以是 37% 可見。其他格式則只儲存單一是或否的旗標：這個像素要繪製，那個像素要跳過。兩者都叫透明度，但只有第一種能讓邊緣淡出。請記住這個差異，因為這就是 GIF 貼圖看起來有鋸齒，而 PNG 去背結果不會的原因。

你在影片和遊戲工具中還會遇到另一個術語：預乘 Alpha。在非預乘（straight）檔案中，色彩值以全強度儲存，顯示時再由 Alpha 縮放。在預乘檔案中，色彩值已經乘以 Alpha，因此半可見的紅色像素會儲存為半強度紅色。PNG 使用非預乘類型；規格指出色彩值「不會預先乘以 Alpha 值」。

這個概念有文獻可循。Alvy Ray Smith 於 1995 年關於 Alpha 歷史的備忘錄，將這個概念歸功於他自己和 Ed Catmull 在 1970 年代於紐約理工學院提出，並將兩種慣例之間的界線歸功於 Porter 和 Duff 1984 年的論文。對日常網頁與列印工作而言，你可以忽略這個差異；你的編輯器會處理它。

如何儲存具有透明背景的 PNG

許多「我的匯出不是透明的」問題，在儲存對話方塊開啟之前就已決定。三條規則就能涵蓋。背景圖層必須隱藏或刪除，讓畫布在編輯器中顯示棋盤格。格式必須是具有 Alpha 通道的格式，實務上就是 PNG 或 WebP。

而且 PNG 選項應該是每通道 8 位元的類型，通常標示為 PNG-24 或 32 位元，而不是某些匯出器會將其縮減成開或關透明度的調色盤版本。PNG 規格確實允許索引式影像帶有「將 Alpha 樣本與每個調色盤項目關聯的 Alpha 表」，但你不能指望每個工具都會使用它。

下方的選單路徑來自各廠商自己的文件。

無論你使用哪個工具，下載前都要在棋盤格上查看結果。Atlas 的結果面板正是顯示這個，因此你能在檔案進入磁碟之前，就看到 Alpha 通道發揮作用。

一鍵將任何圖片變成透明 PNG

取得具有真正 Alpha 通道檔案的最快方法，就是讓分割模型建立一個。Atlas Cloud 在瀏覽器分頁中執行一款去背工具，它是網站上少數免費 AI 工具之一，無需帳號。你把照片拖進去，點擊「免費執行」，然後下載結果。

模型透過 WebGPU 在本機執行，不支援的機器則使用 WASM 備援；我們也在中斷網路的情況下完成了一次去背。沒有浮水印，也不需要註冊。

主體不限於人像。在測試中，團體照、長毛狗、白色運動鞋、手寫簽名、線稿標誌，以及在白牆前拍攝的白襯衫，都能回傳可用的去背結果，其中標誌的負空間保持鏤空。如果你需要的去背結果要用於大型印刷，請搭配我們做過的免費影像放大工具比較，因為 Alpha 通道會隨圖片縮放。

真實去背檔案內部：柔和像素在哪裡

我們用 Python 開啟其中七個輸出，並依 Alpha 值計算每個像素。七個檔案的模式都相同。完全透明的像素介於 60.6% 到 98.4%，取決於主體填滿畫面多少。

部分透明的像素，也就是 Alpha 介於 8 到 250 的像素，占影像的 0.7% 到 2.2%。那是圍繞輪廓、寬約 1 到 3 像素的細帶，負責所有抗鋸齒工作。

那件薄紗教了我們單靠定義不會知道的事。Alpha 通道可以儲存半透明，然而薄紗回來時只有 0.73% 的部分透明像素，和運動鞋一樣是那條細輪廓。布料本身被寫成不透明，後方綠植則直接寫入其顏色。形狀保留，半透明感遺失。檔案具有 Alpha 通道，並不代表模型選擇使用範圍中間值。

對好奇的人來說，有個小小的技術觀察：在全部七個檔案中，不透明主體像素的 Alpha 是 254，而不是 255，這個差異沒有任何顯示器能呈現。在我們檢查的完整尺寸 PNG 中，每個完全透明像素都帶有相同色彩值，也就是純黑，因此檔案並未儲存任何可能滲回成為邊緣殘色的隱藏背景。

哪些圖片格式支援透明度

五種格式幾乎涵蓋你會拿到的每一個檔案。它們以四種不同方式儲存透明度，而差異決定了邊緣能否淡出、檔案能否製作動畫，以及檔案最後會有多大。

JPG 支援透明度嗎？

不支援。MDN 的影像格式指南說得很明白：「JPEG 不支援 Alpha 通道。」這個格式只儲存三個色彩通道，其他什麼都沒有，因此當你把圖層影像儲存為 JPG 時，編輯器必須先將它扁平化到某個顏色上，通常是白色。那個白色接著就成了普通像素，並隨著主體到檔案所到的任何地方。

這也是為什麼「透明 JPG」下載並不如其名稱所言。不是檔案其實是副檔名錯誤的 PNG，就是你看到的棋盤格已畫進像素中。把 .jpg 重新命名為 .png，只會改變盒子上的標籤，不會改變內容。如果你需要透明度，就必須開啟 JPG、移除背景，然後將結果儲存為能容納 Alpha 通道的格式。

透明 GIF：單一色彩、硬邊

GIF 的透明度來自格式的 89a 修訂版，其年代感顯而易見。GIF89a 規格新增了帶有透明度索引的圖形控制擴充功能，描述如下：「透明度索引的作用是：遇到它時，顯示裝置的對應像素不會被修改，處理會繼續到下一個像素。」色表中的一個項目被宣告為透明。其他每個像素都以全強度繪製。

這讓 GIF 透明度成為 1 位元的事。像素不是被跳過，就是被繪製；而調色盤最多只有 256 色，沒有空間容納半可見的邊緣。把 GIF 去背結果放到與製作時不同的背景上，輪廓就會像樓梯一樣呈階梯狀，抗鋸齒像素被硬轉成不透明的地方，通常還會出現淡色邊緣殘留。

我們以 128 Alpha 閾值（常見預設值）將運動鞋去背結果轉成 GIF，並將同一段鞋帶區域放大三倍。8 位元那側在兩、三個像素間淡出。GIF 那側全是直角。如果你需要透明 GIF 給只接受這種格式的客戶，請以它將放置的背景顏色來製作，讓邊緣殘留能匹配，而不是發亮。

有損與無損檔案中的 WebP 透明度

WebP 是終於讓有損壓縮擁有 Alpha 通道的格式。Google 的壓縮文件描述「另一種 WebP 模式，允許 RGB 通道使用有損編碼，Alpha 通道使用無損編碼」，而其 cwebp 參考將 Alpha 品質預設設為 100，表示除非你另有要求，Alpha 平面會以無損方式儲存。

Google 的概觀頁面指出，無損 WebP 比 PNG 小 26%，透明度約增加 22% 位元組，而有損 WebP 加透明度通常比 PNG 小 3 倍。

我們自己的數字也在那個範圍。我們直接從去背工具取出一張 2048 x 1152 的去背結果，那是 1,211 KB 的 PNG，並以 Pillow 的預設設定重新儲存。

無損 WebP 為 660 KB，小了 46%，而且每個 Alpha 值都與 PNG 完全相符。品質 80 的有損 WebP 為 124 KB，其 Alpha 平面仍與原始檔逐位元組完全相同。唯一改變的是色彩資料。對去背結果的網頁交付而言，這通常就是你要的檔案。若你要保留母檔繼續編輯，請繼續使用 PNG 或無損 WebP。

SVG 透明背景：沒有背景需要移除

SVG 沒有需要變成透明的背景，因為它從來就沒有背景。SVG 檔案是一串繪圖指令：在這裡畫這個圓，用這個顏色填滿它。除非你加入一個覆蓋畫布的矩形，否則那串指令中沒有任何東西會為畫布上色。當 SVG 看起來有白色背景時，你看到的是它後方的頁面或檢視器。

SVG 內部的透明度是按元素設定。MDN 的參考資料將填色值 none 描述為不繪製填色，因此形狀內部會保持透明。fill-opacity 屬性只會讓形狀內部的塗色淡出，而 opacity 會讓整個元素淡出，包括筆畫。

有兩件事常讓人卡住。透過 image 元素內嵌在 SVG 中的點陣照片，會保留照片本身具有的 Alpha 通道，因此 SVG 內的 JPG 仍會帶著它的白色方框。而把照片送進點陣轉 SVG 轉換器並不會移除背景；它會把背景連同其他一切描摹成形狀。

為什麼我的 PNG 不是透明的？

請依序執行這些檢查。通過第一項的檔案完全不需要修正。

檢視器畫上了背景。 影像檢視器必須在透明像素後面放些東西，而許多會選白色或黑色。檔案沒有改變，只有顯示改變。用設計應用程式、帶深色頁面的瀏覽器分頁，或深色填色的投影片開啟同一張 PNG。如果方框消失，到這裡就停止。

檔案沒有 Alpha 通道。 把 JPG 重新命名為 .png、截圖透明影像，或經過訊息應用程式或 CMS 重新編碼的檔案，看起來都會不透明，因為它們確實如此。檢查影像模式。在 Photoshop 中，色版面板應該列出一個 Alpha 色版；在 Windows 中，內容 > 詳細資料會顯示 RGBA PNG 的位元深度為 32，而不是 24；在 Python 中，Image.open("file.png").mode 會回傳 RGBA。如果缺少 Alpha，請回到圖層原始檔並重新匯出。

邊緣很硬或帶有殘色。 階梯狀輪廓指向 1 位元透明度，而淡色或帶色邊緣殘留則指向仍帶著舊背景色的邊緣像素。我們的紅牆測試顯示了這是怎麼發生的：白襯衫放在飽和紅牆前時，69% 的半透明邊緣像素偏紅，放到新背景上時，那條帶就會被看成邊緣殘色。修正方式是重新匯出，使用 8 位元 Alpha 且沒有去邊色；對去背結果而言，也可在原始照片中使用中性背景，或將遮罩縮小一個像素。

棋盤格已寫入像素。 縮放影像。如果灰白方格會隨圖片放大縮小，那它們就是像素。圖庫網站的預覽圖常常這樣出貨。下載真正的檔案，或重新去背。

常見問題

Alpha 通道和圖層遮色片一樣嗎？

它們是近親。Adobe 的 Photoshop 說明將 Alpha 通道描述為在色版面板中儲存為可編輯灰階遮色片的選取範圍，而圖層遮色片在編輯器內的作用方式相同。差別在於匯出後還剩下什麼。圖層遮色片是存在於 PSD 中的編輯工具。寫入 PNG 或 WebP 的 Alpha 通道是每個遮罩合併後的最終結果，也是其他應用程式實際讀取的透明度。

8 位元 Alpha 通道有多少透明度層級？

256 個，從 0（完全透明）到 255（完全不透明）。PNG 也支援的 16 位元 Alpha 通道則有 65,536 個。GIF 有兩個：繪製或跳過。

我可以為 JPG 新增 Alpha 通道嗎？

只要它仍是 JPG 就不行，因為這個格式沒有地方儲存 Alpha。開啟檔案、將主體與背景分離，然後將結果儲存為 PNG 或 WebP。Atlas Cloud 上的瀏覽器式去背工具可一步完成轉換：JPG 進去，透明 PNG 出來，免費使用且無需登入。

WebP 透明度在每個瀏覽器都能運作嗎？

目前版本的各大瀏覽器都能渲染帶 Alpha 的 WebP，而 MDN 對該格式的相容性表，是確認你仍需支援的較舊版本是否可行的好地方。如果舊版受眾很重要，請透過 picture 元素提供 PNG 作為備援。

為什麼我的透明 PNG 有白色光暈？

邊緣像素是部分透明的，而它們的顏色仍帶著當初去背時的背景。若原始背景是白色，當你把去背結果放到深色物體上時，那條帶就會看起來像白色光暈。請以 8 位元 Alpha 且去邊（matte）設為無的方式重新匯出，或在儲存前將選取範圍縮小一個像素。

結論

透明度是一個數字。RGBA PNG 或 WebP 中的每個像素都帶有 0 到 255 的 Alpha 值；一旦理解這點，其他格式自然就說得通：GIF 有單一開關旗標，JPG 什麼都沒有，而 SVG 從一開始就沒有背景需要移除。我們量測的七個去背結果，把整個抗鋸齒邊緣放在影像的 0.7% 到 2.2% 帶狀範圍內，而那正是 1 位元格式捨棄的部分。

如果你是因為檔案拒絕變成透明，才來這裡問什麼是 Alpha 通道，請先檢查檢視器，再檢查檔案模式，最後檢查邊緣。如果你需要乾淨的 Alpha 通道，又不想開啟編輯器，瀏覽器式去背工具會直接給你一張 PNG，並維持你開始時的像素尺寸。