從解碼的來源開始，而不是檔案副檔名
影片壓縮可能已經包含軟化邊緣、區塊邊界、振鈴、條帶、色度子取樣和運動偽影。將解碼影格儲存為 PNG 可以防止額外的有損靜態影像編碼，但它無法重建不再存在的資訊。
JPG 與有損 WebP 在解碼後會在大小與保真度之間進行新的權衡。他們的偽影最容易在小文字、介面邊緣、高對比線條、重複紋理和平滑漸變周圍注意到。帶有雜訊的攝影場景通常比帶有 12 像素標籤的螢幕錄製能承受更多的壓縮。
評估預期的顯示尺寸。在 400% 縮放下可見的缺陷在 320 像素縮圖中可能無關緊要，而稍微模糊的標題在正常大小下可能會失敗，即使檔案看起來很小且高效。
使用 PNG 進行無損靜態影像編碼
PNG 是介面擷取、圖表、字幕、線條藝術、平面圖形、檔案編輯參考以及將進行進一步合成的框架的有力選擇。它透過無損壓縮保留解碼的像素值，並避免添加 JPEG 樣式的區塊或振鈴偽影。
權衡是文件大小。照片影格包含紋理和雜訊，PNG 無法像有損照片格式那樣有效壓縮。即使每個影格看起來相似，大量全解析度 PNG 檔案也會消耗大量磁碟空間和瀏覽器記憶體。
PNG 並不會自動成為最高品質的最終交付格式。如果輸出是小網頁縮圖，則仔細編碼的 JPG 或 WebP 在檢視尺寸上可能看起來相當，且傳輸速度更快。當將來的編輯或清晰的合成細節證明重量合理時，請保留 PNG。
使用 JPG 以獲得廣泛的照片相容性
JPG 被內容系統、辦公室工具、社交平台和圖像編輯器廣泛接受。它非常適合攝影機鏡頭、人物、產品、事件和自然紋理。 VideoToImg 的品質設定可讓您將緊湊的輸出與可見損壞進行比較，而不是依賴一個通用數字。
從攝影框的品質 88 開始，檢查臉部、頭髮、織物、文字和高對比度邊界，然後僅在節省尺寸很重要時降低該值。較小的最大寬度有時可以比激進壓縮更可預測地減少權重，因為它在編碼之前刪除像素，同時保留縱橫比。
避免重複JPG編輯和儲存。每個有損一代都會添加偽影。如果框架需要大量修飾，請匯出 PNG 工作副本並在編輯完成後建立最終的 JPG。
當發布路徑支援時使用 WebP
WebP 可以為現代網站和應用程式提供高效的有損圖像，瀏覽器通常會對其進行解碼。它對於圖庫、文件、產品預覽和其他需要減小傳輸大小的 Web 交付非常有用。
仍應檢查外部瀏覽器的相容性。即使瀏覽器可以建立 WebP，下游編輯器、文件產生器、市場、電子郵件工作流程或較舊的內容系統也可能更喜歡 JPG 或 PNG。選擇能夠在整個工作流程中（而不僅僅是第一次下載）生存的格式。
比較具有相同解碼影格和像素尺寸的 WebP 和 JPG。當一個候選者也根據不同的時間戳記調整大小或編碼時，檔案大小不具有可比性。
進行公平的三種格式測試
- 選擇一個包含簡單和困難細節的代表性框架：臉部或紋理物件、小文字、銳利邊緣和漸層（如果可能）。
- 以相同的像素尺寸匯出 PNG、JPG 和 WebP。記錄 JPG 和 WebP 品質設定。
- 以預期的顯示尺寸查看每張影像，然後以 100% 的比例檢查困難區域。不要僅根據放大的瀏覽器預覽來判斷。
- 目視檢查後比較檔案大小。拒絕任何有明顯文字損壞、光暈、阻塞、色帶或對任務重要的紋理遺失的候選者。
- 在工作流程中的下一個應用程式中開啟獲勝者。確認上傳、編輯、透明度預期、元資料處理和下載命名均按需要執行。
- 如果影片在螢幕圖形和攝影鏡頭之間交替，則重複第二影格；一項設定可能無法代表兩種內容類型。
將常見任務與實際預設值相匹配
YouTube 或社交縮圖
從所需尺寸的 JPG 開始。保持足夠的人臉、文字和對比度質量，並在發布前驗證平台當前的上傳要求。
軟體錯誤報告或教學步驟
當介面標籤和一像素邊界必須保持可讀時，請使用 PNG。僅在確認目的地後縮小比例仍能清晰地顯示文字。
網站圖庫或文檔
在最終顯示寬度下嘗試 WebP 和 JPG，然後選擇透過視覺和工作流程相容性檢查的較小檔案。如果將來可能發生變化，請單獨保留編輯大師。
框架資料集或電腦視覺檢查
根據下游管道和測量容差進行選擇。有損壓縮會改變精細特徵。採樣方法、標記過程和驗證協議至少與影像擴展一樣重要。
將源質量和輸出質量分開
從 JPG 更改為 PNG 無法消除解碼預覽中已可見的模糊或偽影。在調整靜態影像編碼器之前，請尋找附近運動較少的影格、使用更高品質的來源或返回原始錄製。
瀏覽器的畫布編碼器建立輸出 blob，如 HTMLCanvasElement toBlob 文件 中所述。瀏覽器實作可能略有不同，因此當精確的檔案大小目標或自動化工作流程取決於編碼器行為時，請重複視覺測試。