免費瀏覽器圖片工具,無需註冊;註冊即送3次雲端轉換。
跳到主要內容

為圖片加入背景色

在瀏覽器中以任意純色填滿 PNG、WebP 圖片的透明區域。免費、無需上傳、保護隱私,立即為您的圖片加上背景顏色。

  • 完全在您的瀏覽器中處理
  • 即時填色,無需等待
  • 免費且不限次數
  • 無需註冊

選擇檔案

選擇或拖放圖片

PNG, WEBP· 每個檔案最大 20.0 MB

僅在瀏覽器本機處理,不會上傳

單一檔案可在瀏覽器中免費處理,不消耗雲端轉換次數。

為圖片加入背景色 示意圖 — 線上轉換和編輯圖片

為什麼使用為圖片加入背景色?

在瀏覽器中以任意純色填滿 PNG、WebP 圖片的透明區域。免費、無需上傳、保護隱私,立即為您的圖片加上背景顏色。

完全在您的瀏覽器中處理

填色操作在您的裝置本機完成——圖片絕不上傳,其他人也無從看到。

即時填色,無需等待

選定顏色的瞬間即可完成透明區域填色,即時預覽,無需伺服器往返。

免費且不限次數

可依需求處理任意數量的圖片,本機操作沒有單檔費用。

無需註冊

開啟工具即可立即開始填色,無需帳戶或信箱。

為圖片加入背景色怎麼用

  1. 01

    選擇您的圖片

    選擇一張帶透明區域的 PNG 或 WebP 圖片——它會直接在瀏覽器中載入,絕不上傳。

  2. 02

    選擇填色顏色

    使用取色器選擇顏色,或輸入精確的 #rrggbb 十六進位色碼,例如您的品牌色。

  3. 03

    預覽填色效果

    只有透明像素會被填色;圖片中不透明的部分保持不變,效果會立即顯示出來。

  4. 04

    下載結果

    以原始格式儲存填色後的圖片——PNG 仍是 PNG,WebP 仍是 WebP——不會在任何伺服器上留存。

為圖片加入背景色來源圖設定建議

依照所需結果選擇設定。

左右滑動查看所有欄位。

需求建議設定適用情境
背景顏色(#rrggbb)用取色器選擇顏色,或直接貼上精確的十六進位色碼——白色 #ffffff、黑色 #000000,或您的品牌色。該顏色會填滿完全透明的像素,並襯在半透明邊緣之下;不透明區域不會被更動。用取色器選擇顏色,或直接貼上精確的十六進位色碼——白色 #ffffff、黑色 #000000,或您的品牌色。該顏色會填滿完全透明的像素,並襯在半透明邊緣之下;不透明區域不會被更動。
選擇您的圖片
選擇一張帶透明區域的 PNG 或 WebP 圖片——它會直接在瀏覽器中載入,絕不上傳。
選擇填色顏色
使用取色器選擇顏色,或輸入精確的 #rrggbb 十六進位色碼,例如您的品牌色。

為圖片加入背景色輸入與輸出比較

了解工具接受什麼、如何處理以及輸出什麼。

左右滑動查看所有欄位。

比較項目PNGWebP
格式PNGWebP
處理方式在瀏覽器中執行在瀏覽器中執行
結果在瀏覽器中以任意純色填滿 PNG、WebP 圖片的透明區域。免費、無需上傳、保護隱私,立即為您的圖片加上背景顏色。在瀏覽器中以任意純色填滿 PNG、WebP 圖片的透明區域。免費、無需上傳、保護隱私,立即為您的圖片加上背景顏色。

為圖片加入背景色產生的結果可用在哪裡?

輸出檔案可用於其格式支援的常見工作流程。

完全在您的瀏覽器中處理
填色操作在您的裝置本機完成——圖片絕不上傳,其他人也無從看到。
即時填色,無需等待
選定顏色的瞬間即可完成透明區域填色,即時預覽,無需伺服器往返。
免費且不限次數
可依需求處理任意數量的圖片,本機操作沒有單檔費用。
無需註冊
開啟工具即可立即開始填色,無需帳戶或信箱。

格式介紹

PNG

PNG 是一種無損點陣圖格式,於 1990 年代中期問世,當初是為了取代受專利限制的 GIF。舉凡螢幕截圖、標誌、介面素材,以及任何需要透明背景的圖片,都以 PNG 為首選。

PNG 會原封不動保留每個像素,並支援完整的 8 位元 Alpha 透明通道,文字與銳利邊緣都能保持清晰。缺點在於檔案大小:同一張相片存成 PNG 會遠大於 JPG 或 WebP。所有瀏覽器與編輯軟體皆能開啟,作為圖形素材的預設格式相當安全——但別拿它來儲存大批相片。

WebP

WebP 是 Google 推出的現代圖片格式,同時支援有損與無損壓縮,也能處理透明背景與動畫。在畫質相近的前提下,檔案通常比 JPG 或 PNG 小上不少。

目前所有主流瀏覽器皆支援 WebP,作為網頁圖片的預設格式再合適不過。不過在瀏覽器之外情況就不一定:較舊的桌面軟體、某些郵件程式與老系統可能無法開啟。若對方無法檢視 WebP 檔案,相片可轉成 JPG;需要保留透明背景時,請轉成 PNG。

隱私與檔案處理

處理在瀏覽器中完成,所選檔案不會上傳。

瀏覽器本機處理
頁面載入後,轉換會在目前裝置上執行。
不上傳檔案
來源圖片不需離開瀏覽器。
不呼叫模型 API
此基礎工具不會把檔案傳送給 AI 模型。

為圖片加入背景色常見問題排解

套用顏色後圖片沒有變化
您的圖片很可能沒有透明像素——JPG 從不包含透明,一些 PNG 匯出時也已被壓平。工具只會填滿透明區域,請確認來源檔案確實帶有 Alpha 色版。
邊緣出現毛邊或光暈
半透明的邊緣像素會與新背景混合,可能顯露出原圖殘留的邊緣雜色。請選擇更接近主體邊緣色調的填充色,或改用去背更乾淨的來源檔案。
顏色和我的品牌色碼對不上
請先核對輸入的 #rrggbb 色碼是否正確。若色碼無誤,請注意螢幕與色彩描述檔會影響同一色碼的顯示效果——請在支援色彩管理的軟體中檢查下載的檔案。

常見問題

適用於哪些圖片?
帶有透明(Alpha)區域的 PNG 與 WebP 圖片——例如 Logo、去背圖、貼圖、匯出的圖形。只有透明像素會被填入您選擇的顏色,不透明區域保持不變。
我的圖片會上傳到伺服器嗎?
不會。填色完全在您的瀏覽器中處理,絕不上傳,圖片自始至終都留在您的裝置上。
輸出格式會改變嗎?
不會——輸出保持原始格式:PNG 仍是 PNG,WebP 仍是 WebP。只是透明部分被替換為您選擇的純色。
有檔案大小限制嗎?
因為全部在本機執行,所以沒有上傳限制。特大圖片僅受裝置記憶體限制,單檔處理完全免費。
可以用這個工具去除背景,而不是加上背景嗎?
不可以——本工具只會為既有的透明區域填入純色,不會為照片去背或移除背景。您需要先準備一張本身帶有透明區域的圖片(例如設計工具匯出的圖或已去背的圖),才能使用本工具。
可以用在一般 JPG 照片上嗎?
不可以。JPG 沒有透明色版,工具找不到可填色的區域。請先將圖片匯出或轉換為帶透明背景的 PNG 或 WebP。
處理圖片的數量有限制嗎?
沒有。由於所有處理都在您的瀏覽器本機完成,無需註冊、也沒有數量上限——可連續免費處理任意多張圖片。

為此工具評分

101,700 次投票

相關工具

準備使用為圖片加入背景色?

在瀏覽器中以任意純色填滿 PNG、WebP 圖片的透明區域。免費、無需上傳、保護隱私,立即為您的圖片加上背景顏色。

為圖片加入背景色

我們使用 Cookie 進行數據分析和廣告投放。接受後將啟用完整衡量和個人化廣告;拒絕後將保持儲存功能關閉。 隱私政策