透明 PNG 為什麼會變黑或變白？如何保留透明背景

當程式把透明 PNG 存成 JPG，或應用程式重新編碼圖片時，透明的部分就會變黑或變白。原因是 JPG 沒有 alpha 通道可以儲存透明資訊。程式必須在透明的像素後面填上一個顏色，它可能填白色，也可能保留像素原本儲存的顏色值，而那些值常常是黑色。如果檔案必須保持透明，請存成 PNG 或 WebP；如果一定要存成 JPG，則請自行選好背景色再儲存。

去除背景需要去除照片背景免費使用

PNG 中的透明是什麼

PNG 除了每個像素的紅、綠、藍數值外，還能另外儲存 alpha 通道。alpha 記錄的是每個像素的不透明程度。完全透明的像素會顯示它後面的東西，例如網頁的底色或文件的背景。由檢視器負責混合顏色，所以同一個檔案放在白色頁面或深色頁面上都能正確顯示。

JPG 沒有 alpha 通道。每個像素都是實心顏色，因此透明區域必須寫成某種顏色，而這個格式無法保留「透過來看」的概念。

為什麼會變黑或變白

當轉檔程式捨棄 alpha 通道時，它必須決定原本透明的像素要變成什麼顏色。常見有兩種結果：

• 保留原本的顏色。 透明像素仍然有紅、綠、藍數值，而在許多去背圖中，這些數值是黑色。如果轉檔程式只是單純丟掉 alpha，就會保留這些數值，於是背景看起來是黑的。
• 填入背景色。 有些轉檔程式會先鋪上一層背景（通常是白色），再把圖片疊在上面。圖片格式轉換工具就是這樣運作：存成 JPG 時，透明區域會填滿白色，工具也會在控制項旁邊說明。

應用程式還有第三種情況。上傳表單、聊天軟體和電子郵件用戶端在顯示圖片前，常會重新編碼，有些還會在過程中轉成 JPG。結果取決於應用程式，因此同一張 PNG 可能在某處看起來正常，在另一處卻變成黑色。

保留透明，或選擇背景

先決定你需要哪一種結果：

你的需求	存成的格式	結果
用於網站或設計的去背圖	PNG 或 WebP	保留透明
同一張去背圖放在單色背景上	JPG	你選定的背景色

要保留透明，請打開圖片格式轉換工具並選擇 PNG；如果你的瀏覽器能儲存 WebP，也可以選 WebP。兩者都會保留透明區域。壓縮圖片工具同樣會保留透明：它會把透明圖片存成 WebP；在無法寫入 WebP 的瀏覽器（例如 Safari）中，則會存成 PNG。

如果你需要先建立透明區域，請使用去除背景工具。它會在你的瀏覽器中執行 AI 模型，而下載時的選擇會決定格式：

1. 保持透明，工具會存成 PNG。
2. 選擇白色、一種顏色或模糊背景，工具會存成帶有該背景的 JPG。

如果表單必須使用 JPG，請在去背步驟就選好背景，不要交給轉檔程式決定，因為它可能會選黑色。

確認透明有沒有保留

在相信轉換後的檔案之前，請把它放在兩種背景上打開看看。把它放在純白的網頁和深色的網頁上，或放在有顏色的投影片或文件中。如果兩邊顯示的背景相同，代表檔案沒有透明，顏色已經被寫死在圖片裡；如果周圍的顏色會隨背景改變，就表示透明有保留下來。

不同編輯器呈現透明的方式也不一樣。許多圖片編輯器會在透明區域後面畫出灰白相間的棋盤格，一般檢視器則可能顯示黑色或白色。棋盤格是編輯器用來表示「這裡什麼都沒有」的方式，並不是圖片本身的圖案。請在實際使用的程式中檢查檔案，其他預覽方式只能當作粗略參考。

有意識地選擇填色

當輸出必須是 JPG 時，請在轉檔程式替你決定之前，先自己選好背景。白色適合用在白底的頁面或文件；單一顏色適合品牌色塊或有底色的頁面，而且應該與圖片後面的頁面相配，這樣柔和的邊緣才會自然融合。去除背景工具的模糊選項會用同一張照片的柔和模糊副本來填滿背景，對於照片來說，通常比單純的顏色填滿更自然。請選擇符合圖片擺放位置的選項，並在該位置實際檢查。

如何用 fixmint 處理

1. 保留原始的透明 PNG，不要存成 JPG，因為 JPG 會丟掉透明。
2. 如果是用於網站或設計，請轉成 PNG 或 WebP，讓透明區域保持空白。
3. 如果需要 JPG，請自己替圖片加上背景。去除背景工具可以在主體後面放上白色、顏色或模糊背景，並存成 JPG。
4. 使用前，請把檔案放在兩種背景上打開。如果周圍的顏色會改變，就表示透明有保留下來。如果表單設定了大小上限，最後再壓縮它。

特殊情況

• 柔和的邊緣。 頭髮、陰影和玻璃等部分含有半透明的像素，這些像素仍帶有舊背景的顏色。放到新背景上時，可能出現淺色或深色的邊框。請使用邊緣乾淨的去背圖，或選擇與原背景相近的背景色。
• JPG 無法保留透明。 如果表單只接受 JPG，就必須用某種顏色取代透明區域，任何 JPG 設定都無法改變這一點。
• 在目標位置檢查。 請在檔案實際使用的地方查看，例如表單、頁面或應用程式。預覽時使用的背景，可能和實際背景不同。
• 選擇格式。 網路上的圖形通常首選 PNG。JPG、PNG 與 WebP有更詳細的比較。如果 WebP 檔案無法在某個應用程式中開啟，請參閱為什麼 WebP 圖片無法開啟。