4 分鐘閱讀
幾秒做出透明 PNG(2026 完整指南)
搞懂是什麼讓 PNG 變透明、什麼時候真的需要它,以及如何在幾秒內做出一張乾淨的透明 PNG——還附上白框和透明度消失的快速解法。
- png
- transparency
- file-formats
- design
- guide

「傳一張透明 PNG 給我」是那種聽起來很簡單、直到你變成要生出檔案的那個人才發現不簡單的請求。到底什麼讓 PNG 變透明?為什麼你的 Logo 放到網站上會有一個白色方框?還有,為什麼有人把檔案存成 JPG 之後,透明度就不見了?
這篇指南會說明透明度到底是什麼、什麼時候需要它,以及如何從任何一張圖做出乾淨的透明 PNG。
「透明」到底是什麼意思
數位影像是一格格像素組成的網格,每個像素儲存顏色——紅、綠、藍三個數值。支援透明的格式會多加第四個數值:Alpha 通道,用來描述那個像素有多不透明,從完全實心到完全看不見。
所謂「透明 PNG」,就是一張背景像素的 Alpha 被設成看不見的 PNG。主體後面什麼都沒有——不是白色像素,是沒有像素。你把圖放在什麼上面,什麼就會透出來。
這正是它和白色背景的關鍵差別:
- 白色背景——放在白色頁面上沒問題,但一放到彩色按鈕、深色網站頁首或照片上,就變成一塊難看的白色矩形。
- 透明背景——到哪裡都能適應。同一個檔案在淺色模式、深色模式、品牌色和照片背景上都成立。
透明度之爭:PNG、JPG 與 WebP
- JPG/JPEG——完全不支援透明,永遠不會。把透明圖存成 JPG,背景會被無聲地填滿(通常是白色)。這是現實中透明度被摧毀的第一大原因。
- PNG——完整的 8 位元 Alpha 透明、無損畫質、各平台通用。Logo、去背圖和圖形的預設選擇。
- WebP——像 PNG 一樣支援透明,檔案更小,很適合網頁;瀏覽器支援度現在幾乎是全面的。如果那是你的流程,remover.bg 從頭到尾都支援 WebP。
原則是:沒有透明度的照片 → JPG 或 WebP;任何帶透明度的東西 → PNG 或 WebP;去背圖絕對不要用 JPG。
什麼時候真的需要透明 PNG
- Logo——在網站、發票、簡報和周邊商品上,Logo 必須貼合它背後的任何東西。(Logo 已經卡了一層背景?這裡有修好它的方法。)
- 商品去背圖——讓同一張商品圖可以直接放進橫幅、電商上架頁和季節活動背景裡。
- 設計素材——圖示、標章、文件用簽名檔、浮水印。
- 貼圖與疊層——聊天貼圖、直播疊層、影片圖卡。
- 隨需印刷的設計——印 T 恤的廠商要的是你的設計,不是你的設計加一塊白色矩形。(要為 POD 準備檔案?這裡有完整的隨需印刷圖檔檢查表。)

怎麼做一張
- 從你手上最好的原檔開始——解析度越高,邊緣越乾淨。
- 上傳到 remover.bg——AI 會自動把主體和背景分開,連頭髮、毛髮、網紗和玻璃這種難搞的邊緣也處理得來。
- 下載成 PNG——在編輯器裡讓背景保持空的。你拿到的會是一張真正的 Alpha 通道 PNG,隨處可用。
- 給開發者:同樣的操作也能透過去背 API 以程式呼叫——送一張圖進去,拿一張透明 PNG 回來,還撐得起整個商品目錄的量。
怎麼保住透明度
透明度只有在你流程的每一步都尊重它時,才活得下來:
- 不要再存成 JPG——這是無聲殺手。截圖工具、「網頁輸出」預設集,以及會轉換圖片的通訊 App,都可能把你的檔案壓平。
- 小心電子郵件和聊天的壓縮——有些平台會重新編碼圖片;透明素材請以檔案附件傳送,不要用內嵌圖片。
- 送出前檢查:把檔案放在有顏色的背景上打開,或在任何看圖軟體裡找棋盤格圖樣。有棋盤格=透明;一片白=已經壓平。
常見問題與快速解法
- 「我的 Logo 周圍有白框」——這個檔案是 JPG,或是一張已經壓平的 PNG。跑一次去背,重新輸出一張 PNG。
- 「邊緣看起來鋸齒或有白色光暈」——這張去背圖是用硬性臨界值的選取工具做的。AI 去背會產生柔和、抗鋸齒的邊緣,能融進任何背景。
- 「檔案好大」——PNG 是無損格式;網頁使用請轉成 WebP(保留透明度、縮小體積),或把尺寸縮小。
一旦你有了乾淨的透明母檔,就把它當成資產對待:把 PNG 保存好,需要時再從它產生壓平的 JPG——絕對不要反過來。


