先看圖片的實際用途
網頁照片可以先比較 WebP 與 JPEG；需要精確邊緣的圖表、截圖或標誌，則比較 PNG 與其他無損方案。WebP 格式支援透明度以及有損、無損壓縮，JPEG 不保留 alpha 透明通道。但格式支援不等於特定轉換器具備全部匯出能力。嘗試任何處理前，都保留一份沒有修改過的原圖。
先調整尺寸，再研究品質參數
同一顯示位置只需要 800 像素寬時，通常不必使用 6,000 像素寬的檔案。先確定顯示尺寸，以及高像素密度螢幕所需的清晰度，再保持長寬比縮放。裁切改變構圖，縮放改變尺寸。商品頁需要放大查看時，另外準備大圖；不要把小縮圖直接拉大作為商品主圖。
按照訪客看到的大小比較
先用適中的品質設定匯出，按實際顯示大小檢查，再比較真實檔案容量。重點看文字、頭髮、細密織物和平滑漸層，這些地方更容易暴露壓縮損傷。不同編碼器的「品質 80」並不代表相同視覺效果。不要承諾固定壓縮比例：原本已經高效的檔案可能幾乎不變，甚至變大。
檢查透明度、方向與動畫
透明圖案需要能保留 alpha 通道的輸出。轉成 JPEG 時應主動選擇背景色，避免邊緣意外變黑。儲存後重新開啟檔案，核對方向和色彩。靜態圖片轉換器可能只保留動畫的一個影格，匯出也可能刪除中繼資料；這些屬性重要時，必須保留原件。
建立可以重複執行的發布流程
先確定裁切，只縮放一次，匯出兩種候選格式，再選擇畫質可接受且容量較小的結果。使用有意義的檔案名稱，並編寫描述圖片用途的替代文字。完成的頁面同時在手機和電腦上檢查。這是一套編輯建議流程，不是對某個編碼器的效能評測；真正有用的指標，是訪客最終收到的效果。
本文由編輯根據下方來源資料整理分析。
developers.google.com · developer.mozilla.org