網站圖片的最佳格式是什麼？

在知道圖片類型之前，詢問「最佳格式」並不恰當。網站會包含幾種截然不同的圖片，而每種類型都有明確的最佳選擇：

• 照片（商品、人物、地點）：使用有損格式。AVIF 的檔案最小，WebP 是穩妥的現代預設格式，而 JPG 則是所有瀏覽器都能顯示的備援格式。
• 標誌、圖示和插圖：使用 SVG。它是向量圖稿，因此在任何螢幕上以任何尺寸顯示都很清晰，而且檔案通常很小。只有平台不接受 SVG 時，才改用像素格式。
• 螢幕截圖、UI 圖形及任何需要透明效果的圖片：使用 PNG 或無損 WebP。純色和銳利邊緣正是無損格式最能有效壓縮的內容。
• 短動畫：使用動態 WebP 或 AVIF，而非 GIF；GIF 的調色盤有限，產生的檔案也大得多。
• 網站圖示：使用 ICO 檔案，最好再搭配 SVG 或 PNG 版本；請參閱如何從圖片建立網站圖示。

常見錯誤是將照片儲存為 PNG。PNG 會以無損方式保存每個像素，這對標誌十分理想，對照片卻很不利：檔案會膨脹到 JPG 的數倍大，視覺上卻沒有任何改善。

對於照片，選擇取決於你能在多大程度上依賴較新的瀏覽器：

• AVIF 的壓縮效果最佳：使用一般網頁品質時，它通常比 JPEG 小約 50%，比 WebP 小 20–30%，需要時還能支援 HDR 和廣色域。Chrome、Firefox 和 Safari 都能顯示此格式（Safari 自 16.4 版起支援，時間為 2023 年）。代價是編碼速度較慢，尤其是大型圖片，而且桌面軟體和舊裝置的支援較有限。
• WebP 是務實的預設選擇：在相同視覺品質下，它比 JPEG 小 25–35%，支援透明效果，而且自 2020 年起已獲所有主流瀏覽器支援。部分桌面應用程式和舊工具仍無法開啟它；這會影響交給設計師的檔案，但不影響提供給訪客的檔案。
• JPG 是通用的備援格式。它在這三種格式中效率最低，但以約 75–82 的品質儲存 JPG，通常在螢幕上看不出與原圖的差異，而且網路上的任何環境都能顯示它。

最完善的設定是向支援的瀏覽器提供 AVIF，向其他瀏覽器提供 WebP，並保留 JPG 供更舊的環境使用。如果只想選擇一種現代格式，使用 WebP 並搭配 JPG 備援，實際上就能涵蓋所有使用者。詳細比較請參閱 WebP 與 AVIF 比較及 WebP 與 JPG 比較；若是圖形而非照片，請參閱 PNG 與 JPG 比較。

確定目標格式後，即可快速完成轉換，而且檔案絕不會離開你的裝置。EditItAll 圖片轉換器完全在瀏覽器中執行：

1. 開啟轉換器並放入圖片，可以是一個檔案，也可以是整個資料夾。所有檔案會一起批次處理。
2. 選擇輸出格式：照片使用 WebP 或 AVIF，需要透明效果的圖形則使用 PNG。常見工作也有直接的轉換工具：JPG 轉 WebP、PNG 轉 WebP、JPG 轉 AVIF及 PNG 轉 AVIF。
3. 設定品質。這裡沒有目標大小欄位，因為大小是輸出結果。每個檔案都會顯示處理前後的大小，因此可以微調滑桿，直到數值和畫面看起來都合適。
4. 逐一下載結果，或全部下載為單一 ZIP。

任何內容都不會上傳；頁面載入後，即使中斷網路連線也能繼續轉換。每張匯出的圖片都會移除 EXIF 和 GPS 中繼資料，因此商品照片不會洩露拍攝地點。服務完全免費，無須帳號，也沒有浮水印。已經是正確格式，只需要縮小檔案嗎？直接使用圖片壓縮器即可。如果平台堅持要求向量標誌的像素版本，SVG 轉 PNG可以依你選擇的任意尺寸進行算繪。

選對格式確實重要，但以下三個習慣所節省的位元組，比從 JPG 改用 AVIF 還要多：

• 調整為實際顯示尺寸。相機照片的寬度通常是頁面顯示空間的數倍，而所有多餘像素都會先被下載，再遭丟棄。EditItAll 圖片工具正為此提供選用的最大尺寸限制。
• 從原始檔只壓縮一次。每次有損儲存都會再捨棄一些細節。保留原始檔，直接從中匯出網頁版本，不要依序把 JPG 重新儲存成 WebP，再把 WebP 儲存成 AVIF。
• 為現代格式提供備援。優先提供 AVIF 或 WebP，並讓舊版瀏覽器改用 JPG 或 PNG，這樣訪客就永遠不會看到損壞的圖片。

如果速度報告要求你「有效率地編碼圖片」或「以新一代格式提供圖片」，指的正是這項決策：修正有效率地編碼圖片警告會逐步說明做法，而為網頁壓縮 JPEG則會詳細介紹品質滑桿。更多格式指南可在轉換圖片主題中找到。