壓縮 PNG 圖片,不扁平化透明度

為標誌、螢幕截圖、介面素材及透明圖像準備 PNG 專屬選項。

選擇 PNG 圖片

只支援靜態 PNG 檔案;此版本不接受 APNG · 檔案上限:20 · 每個檔案 5 MB

支援透明度的壓縮

縮細 PNG 檔案,同時不扁平化設計

選擇尊重透明邊緣、清晰文字及純色圖像的 PNG 策略。

壓縮 PNG
Alpha

保留透明度

保留透明及半透明像素。

無損

保護解碼後色彩

在不刻意改變像素值的情況下,優化編碼方式。

調色板

減少色彩種類

當標誌或 UI 素材可以接受時,使用更少色彩。

靜態

避免遺失動畫

動畫 PNG 檔案不包含在此工作流程內。

如果透明度或清晰邊緣被破壞,就算 PNG 最細都冇用。

PNG 結構

保護 Alpha、邊緣與色彩結構

PNG 可能同時包含不透明像素、半透明區域、文字及純色區塊。這些特性值得分開檢查,而不是套用相片式的壓縮預設。

Alpha

確保透明像素符合設計意圖

在淺色與深色背景上測試抗鋸齒邊緣,避免因只看單一預覽而看不出壓平或光暈問題。

色彩

檢查漸層與細小文字

即使縮圖遠看似乎可以,調色盤變更仍可能影響平滑色調與 1 像素的細節。

比對

比較原始檔與輸出檔

把輸出的 PNG 分別放在淺色與深色背景上檢視,檢查細小文字、純色區塊、漸層及半透明邊緣。

PNG 策略

選擇像素精準無損,或經檢視的調色盤變更

PNG 圖像可能需要透明度、清晰邊緣及穩定色彩。在考慮減少色彩數量之前,先判斷解碼後的像素是否必須保持完全一致。

精準度

優先選擇已驗證的無損流程

當合約規定的顏色、介面像素或透明邊緣的像素值必須保留、不可在解碼後改變時,請使用此方法。

調色盤

先檢視,再減色

純色插畫可能容許較少顏色,但漸層、螢幕截圖及帶紋理的插圖則可能出現明顯色帶。

下一步

有需要時選用相關工具

只有在不需要透明度時,才對不透明相片使用 JPG 流程;如圖片需要透明像素,請保留 PNG。

檢查成果

檢查透明邊緣與細小細節

把輸出的 PNG 分別放在淺色與深色背景上檢視,檢查細小文字、純色區塊、漸層及半透明邊緣。
柔邊

檢查柔邊

把 PNG 放在淺色與深色背景上,以顯示頭髮、陰影或抗鋸齒文字周圍是否出現邊緣毛邊。

純色

檢查純色

檢查標誌及介面圖形有否出現品牌色偏差或色階流失。減色對這些區域的影響可能與相片不同。

精準像素

檢查精準像素

如必須保留精準像素,請比較解碼後的像素值,而不是檔案位元組大小。PNG 檔案較細本身並不能證明結果是無損。

常見問題

  • 此 PNG 工作流程以保留 alpha 透明度為設計重點。在取代原始素材前,請先在 VisionStory 檢查實際處理後的輸出檔案。