如何為網頁壓縮 JPEG
更新於
要為網頁壓縮 JPEG，先把圖片尺寸調整為它實際顯示的像素大小，再以約 75–82 的畫質匯出，這樣在螢幕上通常看不出差別，檔案體積卻能大幅縮小。使用 EditItAll 的 JPG 壓縮工具即可完成，它在你的瀏覽器中執行，不需上傳任何檔案。
現在就做——免費，在瀏覽器裡
Compress JPEG為什麼過大的 JPEG 會拖慢網頁
一張過大的 JPEG 檔案，體積甚至可能超過網頁其餘部分的總和，這也是頁面感覺緩慢最常見的原因。拍攝或匯出這張照片時，最佳化的目標往往是列印或全螢幕顯示，而不是縮圖、主視覺橫幅或商品網格，用在這些場景裡，檔案體積常常是實際所需的好幾倍。
好消息是：JPEG 是一種有損圖片格式，可以捨棄大量肉眼察覺不到的資料。合理壓縮，並把圖片尺寸調整到實際顯示的大小，通常能把照片體積壓縮到原本的一小部分，螢幕上卻看不出明顯差別。
分步壓縮網頁用的 JPEG
讓圖片尺寸配合它填滿的空間
畫質只是成功的一半，另一半是尺寸。把一張4000像素寬的照片塞進只會以800像素呈現的位置，大部分檔案體積都花在了訪客根本看不到的細節上，而瀏覽器依然要把這些多餘的像素全部下載下來。
所以壓縮之前，先把圖片尺寸調整到它實際顯示的最大尺寸左右（為高密度螢幕多留一點餘量也沒關係）。一張按顯示區域調整好尺寸、再以 75–82 畫質壓縮的照片，體積通常只有原圖的十分之一，這往往是你能做到的最大速度提升。有一點要注意：JPEG 壓縮是單向的，而且會累積。反覆壓縮一張已經壓縮過的 JPEG，每次都會疊加可見的失真，所以務必始終從原圖開始，只壓縮一次。
什麼時候該選擇 WebP 或 AVIF
JPEG 是安全、通用的選擇，但它已經不再是體積最小的格式。它的現代繼任者WebP和AVIF能在同樣的可見畫質下做到體積明顯更小，而且目前主流瀏覽器都支援良好。如果頁面體積是你最看重的，不妨試試把JPG 轉換為 WebP或轉換為 AVIF，比較一下效果。
這只是一句誠懇的「可以考慮」，不是硬性規定：如果你需要一個能在任何地方毫無障礙開啟的檔案，那就繼續用 JPEG。想更全面地了解如何選擇畫質和格式，可以參考如何在不損失畫質的情況下壓縮圖片。
常見問題
網頁用的 JPEG 應該用多少畫質壓縮？+
對大多數網頁照片來說，75–82 左右的畫質是最佳區間：體積小到能快速載入，畫質又高到讓人看不出損失。只有對很小的縮圖，才值得再調低一些，因為輕微的模糊不會被注意到。
畫質和圖片尺寸，哪個更重要？+
通常尺寸更重要。把一張4000像素的照片硬塞進只有800像素的位置，大部分體積都被浪費掉了。先把圖片調整到實際顯示的尺寸，再進行壓縮，兩者結合才能帶來最大的速度提升。
我應該用 WebP 或 AVIF 代替 JPEG 嗎？+
如果頁面體積是你的首要考量，那麼值得一試：WebP 和 AVIF 能在更小的體積下達到同樣的可見畫質，且支援度良好。如果你需要一個在任何地方都能穩妥開啟的檔案，JPEG 仍然是最保險的選擇。
壓縮圖片時會上傳我的圖片嗎？+
不會。壓縮工具完全在你的瀏覽器中執行，你的 JPEG 檔案不會離開你的裝置。頁面載入後你甚至可以中斷網路連線，它依然能正常運作，匯出時還會清除 EXIF 中繼資料。
為什麼我的 JPEG 每次儲存後看起來都更差？+
JPEG 是有損格式，反覆壓縮一份已經壓縮過的檔案，每次都會疊加失真。請保留原圖，只從原圖壓縮一次，而不要對已經處理過的 JPEG 副本反覆儲存。