幾秒做出透明 PNG（2026 指南）

「傳一張透明 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 準備檔案？這裡有完整的隨需印刷圖檔檢查表。）

怎麼做一張

三個步驟，一個決定：格式。

1. 從你手上最好的原檔開始——解析度越高，邊緣越乾淨。
2. 上傳到 remover.bg——拖進去或點一下選檔；PNG、JPG 和 WebP 都能當輸入。AI 會自動把主體和背景分開，連頭髮、毛髮、網紗和車窗玻璃這種難搞的邊緣也處理得來。車窗也一併處理：透過玻璃看到的舊場景會被清掉，並在原處重建逼真的色調，不過貼了厚重深色隔熱紙的車窗會維持不透明。
3. 下載成 PNG。結果會顯示在灰白棋盤格上，那是介面在畫這裡什麼都沒有，不是檔案的一部分。在編輯器裡讓背景保持空的；格式選單會列出 PNG · 透明、WebP · 透明和 JPG · 白色背景——最後一個是警告，不是功能。你拿到的會是一張真正的 Alpha 通道 PNG，隨處可用。

在手機上，行動 App 跑的是同一套流程：拍攝或選圖、等待、儲存。然後分享檔案，不要用聊天照片——透明度就是死在那裡。為手機去背拍攝時，讓主體和牆面之間隔開一步，結果會更好。

給開發者：同樣的操作也能透過去背 API 以程式呼叫——送一張圖進去，拿一張透明 PNG 回來，還撐得起整個商品目錄的量。批次作業只能走 API——沒有大量上傳的介面——所以要處理整份商品目錄就代表要寫腳本。

怎麼保住透明度

透明度只有在你流程的每一步都尊重它時，才活得下來：

• 不要再存成 JPG——這是無聲殺手。截圖工具、「網頁輸出」預設集，以及會轉換圖片的通訊 App，都可能把你的檔案壓平。
• 小心電子郵件用戶端——有些會重新編碼內嵌圖片；透明素材請以檔案附件的方式傳送。
• 送出前檢查：把檔案放在有顏色的背景上打開，或在影像編輯軟體裡打開找棋盤格。不要用看圖軟體或瀏覽器預覽來判斷——它們各自會畫自己的底色。

三種方法確認 PNG 真的透明

「透明 PNG」很容易造假：一張白底圖只要取名叫 .png，在資料夾清單裡看起來一模一樣。

• 棋盤格測試。用影像編輯軟體（Photoshop、GIMP、Photopea）打開。空白區域會畫成灰白棋盤格，證明 Alpha 通道存在。
• 彩色背景測試。這才是關鍵的那一個：把檔案放到飽和的顏色或深色頁首上。真正的透明會讓那個顏色一路透到主體邊緣；出現淡淡的一圈邊就有問題。
• 看圖軟體測試。最不能證明什麼：看圖軟體和瀏覽器各自畫自己的底色，這邊是白的，那邊是灰的。

永遠不算測試的是：副檔名。把 logo.jpg 改名成 logo.png 什麼都沒變；JPG 沒有 Alpha，改名也變不出來。

透明 PNG 為什麼這麼大

PNG 是無損格式，而典型的透明 PNG 每個像素存的是四個數字而不是三個：紅、綠、藍、Alpha。當母檔很好，當交付檔就太重。想在不失去 Alpha 的前提下縮小它：

• 量化調色盤。pngquant 會把 24/32 位元的 PNG 轉成仍然帶有逐像素 Alpha 的 8 位元調色盤，所以抗鋸齒邊緣能保住；官方說法是常常可以省下多達 70%，8 位元輸出通常比 24/32 位元原檔小 60–80%。送出前把兩個檔案放到最大比對——扁平圖形量化後看不出差別，平滑漸層則可能出現色帶。
• 交付改用 WebP。Google 指出無損 WebP 比 PNG 小 26%，而帶透明度的有損 WebP 大約只有 PNG 的三分之一大小。它就在同一個下載選單裡。

PNG 留著當你的封存檔；交付的部分請看圖片 SEO 檢查表。

深色模式陷阱：深色背景上的白色光暈

你的 Logo 在白色頁面上完美無瑕，放到深色頁首上卻長出一圈淡淡的亮邊。Alpha 通道沒問題，有問題的是邊緣。

抗鋸齒會用部分透明的邊界像素把邊緣柔化，而這些像素的顏色混合了主體和它當時背後的東西。如果背後是白的，那些像素就帶著白色：在白色頁面上看不見，在黑色上就是光暈。

• 從原檔去背，不要從壓平的副本。從白底 JPG 取得的邊緣會繼承一圈你事後濾不掉的邊；能正確讀出半透明像素的去背處理會讓它們保持中性。
• 透明不等於對比。黑色字標放在深色頁首上依然看不見；那需要一組淺色的品牌配色，而不是換一種檔案格式。

電子郵件咬得最兇：有些用戶端會在你的圖片下方重畫背景。請看電子郵件深色模式筆記。

Logo 檔案：PNG 還是 SVG？

照片沒有這個問題：照片就是像素。Logo 就值得問一下。

• SVG 是向量：存的是形狀和座標而不是像素，所以放到任何尺寸都銳利，檔案通常也很小。除非有人畫上去，否則沒有背景。
• PNG 是點陣：固定的像素網格，放大就會糊掉，但到哪裡都吃得開。

如果有向量母檔就用它：跟你的設計師要 .ai、.eps 或 .svg 母檔，網站上放 SVG，再從它輸出 PNG。否則——名片上翻拍的 JPG、PDF 裡的截圖——答案就是 PNG：去背給你的是透明的點陣圖，不是向量。無論如何都要留著那張 PNG 母檔：電商平台和隨需印刷的上傳介面對 SVG 常常不可靠。

常見問題與快速解法

• 「我的 Logo 周圍有白框」——這個檔案是 JPG，或是一張已經壓平的 PNG。跑一次去背，重新輸出一張 PNG。
• 「邊緣看起來鋸齒或有白色光暈」——這張去背圖是用硬性臨界值的選取工具做的。AI 去背會產生柔和、抗鋸齒的邊緣，能融進任何背景。
• 「檔案好大」——PNG 是無損格式；網頁使用請轉成 WebP（保留透明度、縮小體積），或把尺寸縮小。
• 「我用聊天軟體傳出去之前還是透明的」——多數通訊 App 會重新編碼從相片選擇器送出的圖片，重新編碼後的輸出通常沒有 Alpha，白色就回來了。請改用檔案／文件的方式傳送；照片貼圖是刻意設計的例外。
• 「PowerPoint 或 Google 簡報裡出現白框」——只要檔案是從磁碟插入的，兩者都會尊重 PNG 的 Alpha。白框通常來自經過轉換步驟的貼上，或是本來就已經壓平的檔案；把簡報輸出成 JPG 也會再壓平一次。請看以去背圖為主軸的簡報。

一旦你有了乾淨的透明母檔，就把它當成資產對待：把 PNG 保存好，需要時再從它產生壓平的 JPG——絕對不要反過來。有些用途只收壓平的副本：例如 App Store 螢幕截圖上傳就會拒絕帶 Alpha 通道的檔案。遇到這種情況，不要讓 JPG 輸出替你決定背景——先在編輯器裡刻意做一個：純品牌色、自訂色調或照片背景，再加上逼真的陰影讓主體落地。從母檔輸出壓平版本，母檔就能對其他所有用途保持透明。