網頁圖片載入體驗優化中，JPEG 格式選擇至關重要。本文詳細對比基準式與漸進式 JPEG 的渲染差異，並提供 Photoshop 兩種導出模式的標準化操作流程，助你根據業務場景做出最優決策。

顯示機制核心差異

基準式 JPEG：自上而下逐行掃描顯示，網速慢時畫面長時間留白，體驗割裂。
漸進式 JPEG：多次掃描逐步精細，先呈現模糊輪廓再銳化細節，弱網環境下用戶可提前預覽佈局，顯著降低感知等待時間。

左圖為基準式載入過程，右圖為漸進式多階段渲染效果對比。

方法一：另存為 → JPEG 格式輸出漸進式

1. 執行「檔案」→「另存為」，格式選 JPEG，點擊「儲存」。
2. 在「JPEG 選項」對話框中，「格式選項」勾選「連續」。
3. 「掃描次數」建議設 3~5 次，平衡檔案體積與渲染階段數。

方法二：存儲為 Web 所用格式（舊版） / 導出 → 存儲為 Web (舊版)

1. 執行「檔案」→「導出」→「存儲為 Web (舊版)」。
2. 右上角格式選 JPEG，勾選「連續」。
3. 品質滑桿控制壓縮率，預覽面板即時顯示檔案大小，點擊「儲存」。

場景選擇建議

• 大型 Banner、Hero Image、產品詳情長圖 → 強烈建議漸進式。
• 小尺寸圖標、縮圖、Base64 內嵌圖片 → 基準式即可，體積更小。
• 需支援舊版 IE（≤IE8）或特定嵌入式設備 → 基準式相容性更佳。

掌握兩種輸出路徑，配合 WebP/AVIF 現代格式策略，構建極致圖片交付體系。