了解數字圖像的透明度

什麼是透明度？

在數字圖像中，透明度意味著某些像素可以部分或完全不可見。當您將透明圖像放在彩色背景（網站、設計或其他圖像）上時，透明區域會顯示其後面的內容，而不是純色。

透明度對於徽標、產品剪紙、疊加以及任何您希望主題融入新環境的組合至關重要。背景移除透過使原始背景不可見來創建透明度。

阿爾法通道

RGB 與 RGBA

大多數圖像使用 RGB：每個像素都有一個定義其顏色的紅、綠和藍值。透明圖像添加了第四個值：Alpha。 RGBA 表示紅色、綠色、藍色和 Alpha。 Alpha 通道決定每個像素的不透明或透明程度。

阿爾法值

Alpha 通常儲存為 0 到 255（或 0% 到 100%）之間的數字。 0 = 完全透明（不可見）。 255 = 完全不透明（實心）。介於兩者之間的值可創建半透明度 - 對於柔化邊緣、陰影和玻璃效果很有用。

支持透明度的格式

巴布亞紐幾內亞

PNG 支援完整的 Alpha（8 位元或 16 位元）。它是透明圖像最常見的格式。 PNG 是無損的，因此透明邊緣保持清晰。這是背景去除的標準匯出格式。

WEBP

WEBP 支持有損和無損壓縮的透明度。通常以相似的質量生成比 PNG 更小的文件。跨瀏覽器和應用程序的支持不斷增長。

動圖

GIF 僅支持二進制透明度：像素要么完全透明，要么完全不透明。沒有半透明。僅限 256 種顏色，因此不適合照片。

TIFF

TIFF 支持 Alpha 通道並用於專業工作流程。由於文件較大，因此在網絡交付中不太常見。

HEIC/HEIF

HEIC 支持透明度，並且是許多 iPhone 上的默認格式。 QuickRemove 接受 HEIC 作為輸入，並可以以 PNG 或 WEBP 格式輸出透明結果。

不支持透明度的格式

JPG/JPEG 不支援透明度。當從支援 Alpha 的格式進行轉換時，透明區域通常會填滿純色（通常是白色）。如果需要透明度，請匯出為 PNG 或 WEBP。

BMP 在某些變體中的 Alpha 支援有限，但很少用於透明影像。堅持使用 PNG 或 WEBP 以實現通用相容性。

透明度在設計和網頁中如何發揮作用

網絡

瀏覽器在任何背景（白色、彩色或漸層）上渲染透明的 PNG 和 WEBP。您在某些編輯器中看到的棋盤圖案只是一個視覺指示器；它不會出現在最終圖像中。

設計軟件

Photoshop、Figma 和 Canva 等工具支持透明圖層。透明區域讓較低層顯示出來。導出為 PNG（或 WEBP）以在應用程序之間移動資源時保持透明度。

列印

列印不具有相同的「透明度」——你不能列印任何東西。對於列印，透明區域要么保留為“挖空”（無墨水），要么用指定的背景顏色填充。與您的列印提供者討論。

常見的誤解

“白色背景=透明”

不。白色背景是不透明的白色。真正的透明意味著沒有顏色——像素是不可見的。一些初學者將白色背景與透明度混淆了。他們是不同的。

“所有圖像格式都支援透明度”

不。 JPG 從不支持透明度。需要時使用 PNG 或 WEBP。

“透明度會大大增加文件大小”

具有透明度的 PNG 文件可能比 JPG 大，但 Alpha 通道本身並不總是大小加倍。壓縮有幫助。 WEBP 通常可以實現比 PNG 更小的透明文件。

快速移除和透明

QuickRemove 是一款 Windows 桌面應用程序，可透過刪除背景來建立透明圖像。它輸出 PNG（並且可以與 WEBP 一起使用）以保留完整的 alpha。您的剪紙可以放置在設計工具、網站或列印工作流程中的任何背景上。所有處理都在本地進行——影像永遠不會離開您的電腦。