網頁圖片匯出：尺寸、格式與品質

匯出時第一個要定的不是格式，而是顯示尺寸。把 3000 px 的設計稿原樣匯出再用 CSS 縮小，傳輸量與解碼成本都白費了。先把檔案縮到顯示尺寸，再在那個狀態下匯出。

格式的取捨很單純：需要透明的平面作品用 PNG，照片用 JPEG，想取中間值就用 WebP 或 AVIF。PNG 是無損，所以沒有品質滑桿，能調的只有尺寸與色深。PhotoPSD 編輯器 可以在同一個畫面改檔案尺寸、平面化，再匯出 PNG、JPEG、WebP；PSD 轉 PNG 流程 講平面化那部分，格式對比 講編碼差異。

匯出之後才改尺寸，會多一次重新取樣，細線與文字就跟著變糊。即使要做 @2x 高密度版，也該從原始檔案直接以目標尺寸匯出。