2026.10.28

網站圖片檔太大拖慢載入？用 Squoosh 壓縮後再上傳

如果你是網站經營者、公司同仁或內容編輯，常遇到照片上傳後檔案很大、頁面開啟不順，這篇會帶你用 Squoosh 處理圖片，再上傳到網站。你不需要安裝軟體，也不必會寫程式；完成後還能確認圖片畫質和頁面是否正常。

先留好原圖，再開啟 Squoosh

開始前，先將原始圖片保存在電腦的資料夾，避免壓縮後想還原時找不到高畫質版本。Squoosh 在瀏覽器本機處理圖片，不會把圖片上傳到它的伺服器；不過官方說明也提到，網站會使用 Google Analytics 蒐集基本訪客資料及壓縮前後的檔案大小。若這點不符合你或公司的資料政策，請先確認內部規範再使用。

官方專案說明可參考 Squoosh GitHub 說明。開啟 Squoosh.app 後，將本機圖片拖進頁面，或點選開啟檔案，再從電腦選取要處理的圖片。

選格式、調品質並比較結果

載入圖片後，查看右側的輸出格式選項，依網站支援狀況選 WebP 或 JPEG。照片通常可先試 JPEG；若網站和使用情境支援 WebP，也可選 WebP。調整品質滑桿時，請同時看比較畫面與輸出檔案大小，不要只追求數字變小。

放大檢查人臉、文字、細線和邊緣，留意模糊、色塊或細節消失。
查看壓縮前後的檔案大小，選擇畫質仍可接受、檔案也較精簡的版本。
下載前確認檔名有描述性，例如「台北門市外觀.webp」，避免只用「IMG_1234」。

Google 的圖片最佳實務也建議兼顧畫質、檔案大小、描述性檔名與替代文字（alt）。壓縮本身沒有固定可達成的比例，也不能保證搜尋排名會因此提升；每張圖的內容和來源檔案都不同。

下載後上傳，檢查實際頁面

確認比較畫面後，按下載取得壓縮檔，再到網站編輯器或媒體庫上傳。若要替換現有圖片，先確認新檔確實用在預期頁面，並填寫能描述圖片內容的 alt；若圖片只是裝飾，依網站編輯器的無障礙設定處理即可。也可以參考 BarryBlogs 的PageSpeed Insights 網站載入改善教學，建立固定的上稿檢查習慣。

發布或更新後，分別用桌機和手機開啟頁面，確認圖片清晰、比例正常，沒有裁切到重要內容。再重新載入頁面，留意圖片是否能正常顯示、頁面是否比原先順暢。若畫面出現明顯模糊或色彩失真，回到備份原圖重新輸出，稍微提高品質或改用另一種格式；若圖片無法顯示，先確認網站是否支援該格式，再以 JPEG 等相容格式重新上傳。