在 Android 上,你可以使用一個本機工具在任何現代瀏覽器中為 PNG 加上背景,方法是讀取透明檔案、將每個像素合成在單一純色之上,然後以原本的像素尺寸匯出成不透明的 PNG。因為這個工具完全在當前的分頁中執行,原始的 PNG 永遠不會被上傳;沒有伺服器往返、沒有註冊流程,也沒有安裝步。Android 使用者經常搜尋這個任務,因為標誌、簽名、貼圖、產品去背圖和設計匯出檔案常常帶有透明背景,但目的端( marketplace 商品頁、電子郵件附件、大頭貼或簡報)需要的是一張普通的不透明圖片。此工具接受最大 25 MiB 的檔案,並限制在 16 百萬像素以內,且任何一邊不得超過 12,000 像素,這已涵蓋絕大多數手機尺寸的 PNG。輸出檔會保留原始檔名並加上 "-background" 後綴,因此透明的原檔與扁平化後的副本在圖庫或檔案應用程式中很容易區分。你只需要 Chrome、Firefox、Samsung Internet、Brave 或任何具備可用檔案選擇器和色彩控制項的瀏覽器。

為什麼瀏覽器工具在 Android 上就已足夠
大多數 Android 使用者會反射性地打開 Play Store,而許多真正的照片編輯任務確實需要原生引擎。但用單一純色取代 PNG 透明背景並不在此列。瀏器工具會將 PNG 讀入記憶體中的 canvas,逐一處理每個像素,套用標準的 source-over 公式,然後寫入新的 PNG。每一步都已是瀏覽器內建功能,因此不需要額外安裝任何東西。
跳過安裝也能讓你同時跳過 Android 應用程式帶來的其他麻煩:儲存空間成本、權限請求、強制註冊、操作之間穿插的廣告,以及不透明上傳管線所帶來的私風險。此工具的輸入規格刻意做得精簡:只接受 PNG,因為 PNG 是在各瀏覽器和應用程式之間以可預期方式承載 alpha 通道的格式。精簡的規格讓輸出保持可預期,因為覽器只解碼一個 PNG、將每個像素合成在所選的單一色彩之上,然後輸出一個 PNG。
| 考量項目 | 瀏覽器工具 | 典型的 Android 應用程式 |
|---|---|---|
| 安裝大小 | 無 | 平均 20 到 150 MB |
| 註冊 | 不需要 | 儲存或分享時經常需要 |
| 應用程式內廣告 | 無 | 操作之間頻繁出現 |
| 原始檔案上傳 | 從不離開裝置 | 經常上傳到遠端伺服器 |
| 首次載入頁面後是否可用 | 是,在當前分頁中 | 視應用程式而定 |
| 更新與權限 | 無 | 反覆出現的權限請求 |
對於手機上大多數一次性的「扁平化這個透明 PNG」任務,從開啟到下載,瀏覽器路徑甚至比從 Play Store 安裝到開啟一個小型應用程式還要快。
在 Android 上為 PNG 加上背景:操作步驟
頁面載入完成後,在一般手機上整個流程大約只需一分鐘。你不需要授予瀏覽器原本未要求的任何權限,而且原始的 PNG 永遠不會被上傳。請在你選擇的瀏覽器中開啟 為 PNG 加上背景 工具,並依照下列步操作。
- 在 Android 裝置上開啟 Chrome、Firefox、Samsung Internet 或 Brave,然後前往「為 PNG 加上背景」頁面。
- 點選檔案選擇器,從圖庫、檔案應用程式或下載的檔案中選擇一個透明或部分透明的 PNG。此工具接受最大 25 MiB 的 PNG。
- 點選色塊以開啟瀏器的色彩控制項。輸入目的端顏色的六位數 HEX 值,例如 marketplace 用 #FFFFFF,深色模式應用程式用 #000000。
- 點選「Add background」(加上背景)。瀏覽器會解碼 PNG、將每個像素合成在所選色彩之上,並以相同的尺寸在相同的 canvas 上呈現結果。
- 在頁面上檢視不透明的預覽結果。所顯示的寬度、高度與檔案大小會反映實際輸出,而非來源檔。
- 點選下載按鈕。檔案會儲存到你的預設下載資料夾,檔名加上 "-background" 後綴。原始的透明 PNG 不會被動到,會保留在原處。
在大多數 Android 裝置上,新檔案會出現在「檔案」>「下載」中,或瀏覽器自己的下載管理員中。Chrome 與 Firefox 都會在下載完成時在通知面板顯示通知,因此只要向下滑動就能快速找到它,不必在資料夾中翻找。
柔邊與陰影是如何混合的
將 PNG 扁平化並不等於把透明像素填上單一顏色。反鋸齒文字、柔和陰影、毛髮、圓角圖示和羽化去背圖的邊緣都帶有部分透明的像素。如果只是直接以所選背景覆蓋這些像素,單獨看邊緣或許沒問題,但只要把這個新 PNG 放到略有不同的底色上,邊緣就會突然顯得格格不入。實際上,此工具依據 W3C 所定義的 source-over 規則進行混合:來源 RGB 乘以來源 alpha,加上背景 RGB 乘以 (1 減去來源 alpha),然後將輸出的 alpha 設為 255,也就是完全不透明。這就是 W3C《Compositing and Blending》規範中所記載、以不透明背景進行的標準 source-over 合成。
有三種邊緣情況值得說明:完全不透明的來源像素會保持原樣;完全透明的像素會變成精確等於所選背景色;部分透明的像素則會變成兩者的加權混合。混合結果會四捨五入為一般的 8 位元整數通道,再寫入匯出的 PNG。
一個具體的例子:一個來源 RGB 為 (255, 0, 0)、alpha 為 0.5 的像素,疊在所選背景 (0, 0, 255) 之上,合成結果為 0.5 × (255, 0, 0) + 0.5 × (0, 0, 255) = (127.5, 0, 127.5)。四捨五入到 8 位元通道後為 (128, 0, 128),也就是紫色。因此,藍色背景上一個半透明的紅色邊緣會呈現為紫色混合,而不是一條生硬的紅線或生硬的藍線。實作已透過外部黃金案例進行驗證,涵蓋零 alpha、滿 alpha、剛好高於與低於二分之一的數值、具代表性的通道混合,以及最低的非零 alpha 步階。
為目的端選擇合適的背景色
扁平化的重點在於讓 PNG 符合不支援透明的目的端。這代表所選顏色必須對應到該目的端,而不是從棋盤格預覽去猜測。白色 (#FFFFFF) 是最常見的安全選擇;marketplace、文件內文、一般的電子郵件用戶端,以及大多數簡報模板都能接受。但社群圖片常常需要品牌色,深色模式應用程式需要接近黑色的色調(例如 #000000 或 #1A1A1A),印刷版面則經常要求精確的專色。瀏覽器的色彩輸入欄位提供六位數的十六進位值,而處理前的邏輯會驗證該值是否正確。
如果你不知道目的端的顏色,請從實際的表面去取樣,而不是憑圖庫預覽去猜。在 Android 上最簡單的做法是取目的端的幕截圖,然後在其平整區域上使用色彩選擇器。結果的準確度完全取決於所選的 HEX,因此事前花幾秒鐘挑色,通常能省下之後重新下載的麻煩。
檔案儲存後,在 Android 圖庫中開啟新的 PNG,並以一般檢視大小查看柔邊。如果在實際目的端的顏色上出現光暈,請以更接近該表面的 HEX 重新執行此工具。由於伺服器端不會儲存任何資料,新檔案只會直接覆蓋前一次的輸出,因此反覆調整顏色的成本很低。
輸出 PNG 實際包含什麼
輸出 PNG 保留與來源完全相同的寬度與高度,以一般的每通道 8 位元 PNG 編碼,並將 alpha 通道全部設為 255。canvas 不會被裁切、縮放、銳化、降噪或朝目標檔案大小壓縮;只會被扁平化。由於不透明像素無法受惠於 PNG 的透明壓縮,檔案大小常常會比原始檔案稍大,這是預期中的現象,而不是 bug。下載的檔名會加上 "-background",以便與透明的來源檔區分。
| 屬性 | 來源 PNG | 輸出 PNG |
|---|---|---|
| 像素寬度與高度 | 原始 | 與原始相同 |
| 色彩深度 | 每通道 8 位元 | 每通道 8 位元 |
| Alpha 通道值 | 混合值,包含 0 | 設為 255(完全不透明) |
| 完全不透明的來源像素 | 原始色彩 | 不變 |
| 完全透明的像素 | 不可見 | 等於所選的背景色 |
| 部分透明的像素 | 與其後方的內容混合 | 在所選色彩上合成後變為不透明 |
| 檔名 | 原始名稱 | 原始名稱加上 "-background" |
原始的 PNG 本身永遠不會被修改。下載的是另一個獨立檔案,因此你可以把透明的母稿留在圖庫中,把扁平化後的副本放到目的端需要的位置。
加上背景之後:為最終目的端調整尺寸或轉檔
部分目的端需要與來源不同的像素尺寸。在這種情況下,請先加上背景,然後在另一個步驟中使用 圖片縮放工具 來調整不透明 PNG 的大小。以這個順序執行操作,能讓每個結果都保持清楚易懂,並避免背景的變更在不知情的情況下影響幾何尺寸。此工具是為一個常見情境而設計的:標誌、產品去背圖、簽名、圖示或匯出的設計檔帶有透明背景,但目的端需要一般的純色背景,因此預設不更動尺寸是有意為之。
如果目的端需要的是 JPEG 而非 PNG,請先下載不透明的 PNG,再用 PNG 轉 JPG 進行轉檔。這種區隔可以避免有損品質的選擇與透明背景的扁平化混在一起。對於私密的產品照片、內部使用的標誌,或任何不應離開裝置的草稿,規則也一樣:每一步都在當前的分頁中執行。
只有在工作流程確實需要時,才結合使用這些工具。對於 Android 手機上大多數「讓這個透明 PNG 放在一般背景上」的需求,單獨使用「為 PNG 加上背景」工具,就已足以產生可用、尺寸正確的不透明結果。
如需更深入的說明,請參 在 Android 瀏覽器中將照片轉為黑白。
如需更深入的說明,請參 在 Word 中為圖片加上邊框:一個可靠的做法。