將 JPG 轉換為您的網站圖片庫的 WebP

將您的原始 JPEG 或編輯項目保留為主機，並建立用於交付的 WebP 副本。 這使您可以稍後製作不同的尺寸，而不會重複壓縮已經壓縮的匯出。 使用清晰的檔案名稱來識別主題和預期位置，而不是用新格式替換檔案中的每張照片。

WebP 是網站照片的選項，但您的內容管理系統必須接受上傳並正確提供輸出。 在轉換整個庫之前，請使用一個檔案檢查該工作流程。 一些系統會自動產生自己的替代方案或調整上傳的圖像大小。 如果您這樣做，請比較實際傳遞給訪客的文件，因為本地優化的檔案可能會在上傳後再次處理。

初始預設將原始尺寸保持在 90% 的品質。 這為您提供了一個簡單的格式比較。 對於網站交付檔案，一旦您知道佈局中所需的最大顯示寬度，請切換到 Intin。 對於卡片來說，完整的相機解析度影像通常是不必要的，但大橫幅可能需要更大的候選人。

為不同的顯示角色進行單獨的匯出，而不是強迫一個微小的圖像填滿每個空間。 縮圖、文章圖片和大型產品視圖有不同的目的。 這 視網膜圖像調整器 解釋如何選擇說明性高密度候選者，而不假設每個裝置都需要相同的檔案。 避免擴大小資源以滿足大量出口； 放大無法建立缺少的細節。

在將 WebP 與 JPEG 進行比較時選擇一個困難的區域：頭髮、樹枝、精美的織物、光滑的天空或深色的牆壁。 檢查預期的顯示尺寸和關閉視圖。 對於有紋理的產品照片，在模糊背景上看起來不錯的設定可能過於激進。 品質數字是編碼器控制，而不是通用的視覺分數。

如果 WebP 大於來源，請保留更好的檔案以滿足您的實際要求，或仔細嘗試低品質的設定。 不要假設較新的擴充會贏得每個比較。 此工具製作瀏覽器編碼的 WebP； 它不提供單獨的無損 WebP 模式、自訂編解碼器調諧面板或保存單一圖像的保證。

下載後，將檔案放在真實頁面中並確認裁切、替代文字和顯示的尺寸。 如果頁面要求較晚，位元組數較少的圖片仍可載入較晚。 保留其佈局空間，選擇合適的響應來源，避免在頁面頂部立即加載所需的圖像。 這些是超越轉換的網站實施決策。

檢查電話佈局以及大型顯示器。 如果同一張圖片在手機裁切中成為無法辨識的條帶，請製作不同的構圖，而不是提高 JPEG 或 WebP 品質。 只有在第一頁工作後才一起處理相關照片。 轉換保留在您的裝置上，原始檔案仍可用於不同的匯出。

例如，將文章的綠葉景觀與其普通的工作室肖像進行比較。 他們可能需要不同的品質設定，即使在相同的寬度上也是如此。 記錄每個候選人旁邊的維度和測量位元組，以便該決定與實際文件相關聯。