PNG 透明度偵測具體偵測什麼?
PNG 圖片的每個像素都可能包含 alpha 透明度資訊。本工具會讀取像素資料,統計完全透明像素、半透明像素和完全不透明像素,從而判斷這張 PNG 是否真的包含透明背景或半透明邊緣。
也可以點擊此區域選擇一個或多個 PNG 檔案
這是最常見的誤會。網頁和大多數看圖軟體的底色本來就是白的,一張白底圖放上去,邊界會完全融進背景,看著就像已經去掉了背景。等把它放到深色海報、彩色簡報或者別的照片上面,那塊白色方框才會露出來。所以判斷有沒有透明背景,不能靠在白底上看,要把圖片放到與它反差明顯的底色上,或者直接去數像素的 alpha 值——本頁兩件事都做。
把 JPG 改名成 .png 是最直接的一種:副檔名變了,檔案內部仍是 JPG,根本不存在 alpha 色版,背景是實打實的白色。去背匯出時選錯格式也一樣,一旦存成 JPG,透明區域會被填成白色,再改回 PNG 也找不回來。還有一種是去得不乾淨:主體邊緣留著一圈半透明的白邊或灰邊,單看沒問題,換個深色背景就出現明顯的描邊。
PNG 的每個像素除了顏色還帶一個 alpha 值,0 表示完全透明,255 表示完全不透明,中間是半透明。完全透明的像素用來做背景鏤空;半透明像素通常出現在主體的邊緣、陰影和玻璃質感上,它們讓邊緣看起來平滑,但也意味著底色會透上來一點。本頁把兩類像素分開統計,就是為了區分「背景確實空了」和「只是邊緣有過渡」。
logo 疊在照片或彩色區塊上、電商主圖要換背景、簡報裡插圖示、印刷時要做疊印,這些場景都必須是真透明,否則會看到白色方塊。反過來,如果圖片只會出現在白底頁面上,白底 JPG 通常更省體積。確認背景確實透明之後,想調整構圖可以接著用 線上圖片裁切,裁切不會破壞 alpha 色版。
PNG 圖片的每個像素都可能包含 alpha 透明度資訊。本工具會讀取像素資料,統計完全透明像素、半透明像素和完全不透明像素,從而判斷這張 PNG 是否真的包含透明背景或半透明邊緣。
有些圖片看起來像透明背景,其實背景已經被填充成白色、灰色或棋盤格圖案,像素 alpha 值仍然是 255,也就是完全不透明。本工具透過讀取像素 alpha 值判斷透明度,不只依賴視覺效果,因此可以區分「真的透明」和「看起來像透明」。
完全透明像素的 alpha 值為 0,顯示時不會遮擋背景;半透明像素的 alpha 值介於 1 到 254,會和背景顏色混合。圖示、Logo、去背邊緣常常包含半透明像素,用來讓邊緣更平滑。
透明圖片在白色、黑色、紅色、綠色、藍色等背景上可能呈現不同問題。例如白色邊緣在白底上不明顯,但放到深色背景上會很突出。多背景預覽可以幫助你檢查去背邊緣、殘留底色和半透明區域。
不會。PNG 透明度偵測只讀取圖片並產生預覽,不會改寫、壓縮或匯出新檔案。原始檔案不會被改變,頁面重新整理或清空後預覽結果也會消失。
不會。圖片只會在瀏覽器本機讀取和分析,不會上傳到伺服器。適合檢查設計稿、未發布 Logo、產品圖、螢幕擷圖等不希望外傳的 PNG 檔案。
本工具主要針對 PNG 透明背景偵測,只接受 PNG 檔案。JPG 本身不支援 alpha 透明色版;WebP 和 SVG 的透明機制不同,如果需要偵測這些格式,建議先轉換為 PNG 後再檢查。