壓縮 PNG 圖片,不扁平化透明度
為標誌、螢幕截圖、介面素材及透明圖像準備 PNG 專屬選項。
選擇 PNG 圖片
只支援靜態 PNG 檔案;此版本不接受 APNG · 檔案上限:20 · 每個檔案 5 MB
為標誌、螢幕截圖、介面素材及透明圖像準備 PNG 專屬選項。
只支援靜態 PNG 檔案;此版本不接受 APNG · 檔案上限:20 · 每個檔案 5 MB
支援透明度的壓縮
選擇尊重透明邊緣、清晰文字及純色圖像的 PNG 策略。

保留透明及半透明像素。
在不刻意改變像素值的情況下,優化編碼方式。
當標誌或 UI 素材可以接受時,使用更少色彩。
動畫 PNG 檔案不包含在此工作流程內。
如果透明度或清晰邊緣被破壞,就算 PNG 最細都冇用。
PNG 結構
PNG 可能同時包含不透明像素、半透明區域、文字及純色區塊。這些特性值得分開檢查,而不是套用相片式的壓縮預設。
在淺色與深色背景上測試抗鋸齒邊緣,避免因只看單一預覽而看不出壓平或光暈問題。
即使縮圖遠看似乎可以,調色盤變更仍可能影響平滑色調與 1 像素的細節。
把輸出的 PNG 分別放在淺色與深色背景上檢視,檢查細小文字、純色區塊、漸層及半透明邊緣。
PNG 策略
PNG 圖像可能需要透明度、清晰邊緣及穩定色彩。在考慮減少色彩數量之前,先判斷解碼後的像素是否必須保持完全一致。
當合約規定的顏色、介面像素或透明邊緣的像素值必須保留、不可在解碼後改變時,請使用此方法。
純色插畫可能容許較少顏色,但漸層、螢幕截圖及帶紋理的插圖則可能出現明顯色帶。
只有在不需要透明度時,才對不透明相片使用 JPG 流程;如圖片需要透明像素,請保留 PNG。
檢查成果
把 PNG 放在淺色與深色背景上,以顯示頭髮、陰影或抗鋸齒文字周圍是否出現邊緣毛邊。
檢查標誌及介面圖形有否出現品牌色偏差或色階流失。減色對這些區域的影響可能與相片不同。
如必須保留精準像素,請比較解碼後的像素值,而不是檔案位元組大小。PNG 檔案較細本身並不能證明結果是無損。
此 PNG 工作流程以保留 alpha 透明度為設計重點。在取代原始素材前,請先在 VisionStory 檢查實際處理後的輸出檔案。