圖片格式:PNG

其中有一些選項可以將 PNG (Portable Network Graphics) 與其他格式區隔開來,不過它的用意是來取代 GIF (因為很久之前就有專利爭議),與 GIF 很類似。PNG 也會使用無損壓縮,這表示系統會壓縮圖片資料,不會造成視覺擬真度降低。圖片的調色盤可能會量化,也就是「已建立索引的顏色」,其中 PNG 會使用只有 256 種顏色的調色盤,就像 GIF 一樣。比較常見的「真實色彩」 PNG 包含許多顏色,最多有 1, 600 萬種顏色。

PNG 和 GIF 都支援透明度,但有很大的差別。GIF 會將透明度視為二元化概念,即像素為不透明顏色或完全透明。PNG 支援「去背」透明度,也就是說,每個像素都可設為介於 0 (完全透明) 和 255 (完全不透明) 之間的透明度。

兩朵粉紅色花朵,呈現兩種透明度等級。

實際上,由於缺少大量量化和無損壓縮,圖片格式不會因此降低。但是,相較於較新型的網頁友善編碼,這幾乎會造成檔案大小過大。PNG 的傳輸大小表示圖像內容最不合適。

比較 JPEG 和 PNG。

過去幾年來, PNG 檔案較常見於單一用途,因為這是唯一支援半透明的光柵編碼。 目前 PNG 只適用於需要半透明的簡易圖片 (例如含有投射陰影的公司標誌),因此應謹慎與支援半透明的新型格式 (例如 WebP) 進行比較。

PNG 與 GIF 十分類似,其用途是解決 SVG 較常在擴充性和檔案大小方面的用途。 因此,在少數不支援 SVG 的瀏覽器中,有時您會發現只有少數不支援 SVG 的瀏覽器會使用 PNG 做為 UI 元素的備用版本,但這種情況很少見。

PNG 和 SVG 比較。

實際上,您可以利用 PNG 技術維護來源映像檔的可管理大小「標準」版本,並儲存於本機開發環境或承諾使用專案存放區,日後需要以替代格式編輯或重新儲存該映像檔的版本。

不過值得注意的是,即使編碼經過標準化,不同的編輯工具仍會採用不同的方法執行該編碼,但其他做法比其他編輯工具更有效率。在任何情況下傳輸 PNG 檔案之前,請務必使用 SquooshImageOptim 等工具執行檔案。