去背圖片該存成 PNG 還是 WebP？透明背景 (Alpha Channel) 支援與黑邊失真解決指南

數位圖片的色彩是由色彩通道 (Color Channels) 疊加而成的： * **RGB (24-bit)**：包含紅 (Red)、綠 (Green)、藍 (Blue) 三個通道，每個通道 8 位元，只能定義「顏色」，無法定義「透明程度」。JPEG 格式天生只有 RGB 三通道，完全沒有記錄透明度的結構！因此當您強行將去背圖轉為 JPG 時，演算法只能將「透明區域」預設填入空值（#000000 純黑）。 * **RGBA (32-bit)**：在 RGB 之上額外增加了一個「Alpha 通道 (8-bit)」，記錄了從 0（完全透明）到 255（完全不透明）的遮罩數值。PNG、WebP、GIF 與 AVIF 均支援此通道。

長久以來，PNG-24 一直是透明圖片的業界標準，但其缺點是「檔案容量異常龐大」。一張高解析度的透明商品圖往往高達 3MB～8MB，大幅拖慢網頁載入速度與 App 效能。 **WebP 的降維打擊**：Google 推出的 WebP 格式不僅支援完整的 8-bit Alpha 透明通道（支援半透明羽化與陰影），更結合了先進的預測編碼演算法。在視覺完全無損的情況下，**透明 WebP 的體積通常比透明 PNG 小 60%～75%**！對於電商網站、UI 設計師與遊戲素材開發者來說，WebP 是目前最佳的通用解。

有些透明圖片在放入淺色網頁時，邊緣會有一圈黑色雜質，這是因為製圖軟體採用了「預乘 Alpha (Premultiplied Alpha)」技術，將邊緣半透明像素預先與黑色背景混合計算。當再次渲染到淺色畫布時，黑色的殘留顏色便顯露出來。 OmniConvert 內建標準 Canvas 重繪管線，在轉檔時遵循直式 Alpha (Straight Alpha) 渲染邏輯，能自動平滑邊界羽化階層，避免色彩污染。