影像壓縮

圖像壓縮可以在不顯著影響視覺品質的情況下縮減檔案大小。由於圖像往往佔據網頁總容量的最大比例，因此有效的壓縮是提升網站速度最快捷的方法之一。

圖像壓縮的重要性

大型圖像會拖慢以下效能：

• 頁面載入時間
• 行動裝置效能
• 最大內容繪製 (LCP)

產業觀察：在許多內容與電子商務網站上，圖像佔據了頁面總容量的 50–70%。

範例：

某個線上目錄對產品圖像進行壓縮並轉換為 WebP 格式。網頁平均容量下降超過 60%，行動裝置載入時間從 4.1 秒提升至 2.3 秒。

壓縮最佳實踐

• 使用現代格式（WebP 或 AVIF）
• 將圖像調整為實際顯示尺寸
• 採用無損壓縮或受控的有損壓縮
• 避免透過 CSS 將全尺寸圖像縮小顯示

壓縮應在上傳前進行，而不僅僅是在傳輸時。

常見的圖像錯誤

• 上傳原始相機照片
• 將 PNG 用於攝影內容
• 完全依賴內容管理系統 (CMS) 的自動調整尺寸功能