壓縮 PNG 圖片,不把透明度壓成不透明

針對標誌、螢幕截圖、介面素材與透明圖像,準備 PNG 專用的選項。

選擇 PNG 圖片

僅支援靜態 PNG 檔案;此版本不接受 APNG · 檔案限制:最多 20 個 · 每個檔案 5 MB

支援透明度的壓縮

縮小 PNG 檔案,不壓扁設計細節

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

壓縮 PNG
Alpha

保留透明度

保留透明與半透明像素。

無損

保護解碼後的色彩

在不刻意更動像素值的前提下,最佳化編碼。

調色盤

減少色彩種類

當 Logo 或 UI 素材可接受時,使用更少的顏色。

靜態

避免動畫遺失

動態 PNG 檔案不在此流程範圍內。

如果透明度或乾淨邊緣被破壞,再小的 PNG 也沒有價值。

PNG 結構

保護 Alpha、邊緣與色彩結構

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

Alpha

讓透明像素保持可控

在淺色與深色背景上測試抗鋸齒邊緣,避免扁平化或光暈只在單一預覽中被掩蓋。

色彩

檢查漸層與小字

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

檢視

比對原始檔與匯出檔

將匯出的 PNG 分別放在淺色與深色背景上檢視。確認小字、純色區、漸層,以及半透明邊緣是否正常。

PNG 策略

選擇保留精確像素,或在審核後調整調色盤

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

精確性

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

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

調色盤

審核後再減少色彩

色塊式插畫可能能接受較少色彩,但漸層、螢幕截圖與有紋理的插圖則可能出現明顯色帶。

下一步

需要時改用相關工具

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

檢查成果

檢查透明邊緣與細小細節

將匯出的 PNG 分別放在淺色與深色背景上檢視。確認小字、純色區、漸層,以及半透明邊緣是否正常。
柔和邊緣

檢查柔和邊緣

把 PNG 放在淺色與深色背景上,看看髮絲、陰影或抗鋸齒文字周圍是否出現毛邊或暈邊。

純色區

檢查純色區

檢查標誌與介面圖形是否出現品牌色偏移或色階遺失。調色盤縮減對這些區域的影響,通常與照片不同。

精確像素

檢查精確像素

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

常見問題

  • PNG 流程以保留 Alpha 透明度為核心設計。在替換原始素材前,請先在 VisionStory 檢查實際處理後的輸出結果。