PNG 適合儲存無損圖形和透明背景，但網頁使用的 PNG 檔案有時會比實際需要更大。將 PNG 轉為 WebP 可以得到更適合網頁交付的現代格式，並選擇品質來平衡畫面與容量。開啟PNG 轉 WebP 轉換器，在實際顯示尺寸下檢查結果，並保留 PNG 原圖以便之後重新輸出。
為什麼要把 PNG 轉為 WebP？
對許多相片、插畫和透明網頁圖形而言，WebP 可以在保留有用細節的同時減少檔案容量。檔案越小，網頁載入時需要下載的資料也越少。最終效果取決於來源圖片、品質設定和顯示尺寸，因此應該檢查輸出，而不是套用固定的壓縮比例。
WebP 也支援透明效果，適合許多透明 Logo、商品去背圖和介面圖形。不過，非常清晰的單像素線條圖仍然需要和 PNG 仔細比較，必要時可以繼續保留 PNG。
如何在線上將 PNG 轉為 WebP
1. 保留原始 PNG
轉換前先保存原始 PNG。WebP 是網頁交付副本，之後重新編輯、選擇不同品質或輸出其他格式時，仍然可能需要無損來源檔案。
2. 開啟轉換器
開啟線上 PNG 轉 WebP 轉換器，選擇 PNG 圖片。工具會在瀏覽器本機完成轉換，編碼過程不會把所選圖片上傳到伺服器。特別大的圖片仍然會佔用較多瀏覽器記憶體。
3. 選擇品質
使用品質選項在檔案容量和畫面保真度之間取捨。80 左右可以作為許多網頁圖片的起點；插畫細節、細小文字或商品邊緣明顯時，選擇較高品質。只有確認輸出仍然清晰後，才考慮較低品質。
4. 轉換、比較並下載
開始轉換後，比較原圖和 WebP 的檔案容量。在網頁實際顯示尺寸下檢查透明邊緣、細線、文字、漸層和主體輪廓。如果 WebP 仍然過大，可以先用圖片縮放器減少多餘像素，再產生交付副本。
如何選擇 WebP 品質？
沒有適用於所有圖片的固定品質值。相片通常能隱藏適度壓縮，而扁平圖形和文字更容易出現振鈴、色彩變化或邊緣模糊。可以依照以下順序檢查：
- 確認檔案可以開啟，尺寸沒有改變。
- 在淺色和深色背景上檢查透明邊緣。
- 檢查小字、商品標籤、細線和漸層。
- 將檔案容量與網頁或上傳限制比較。
- 如果實際顯示時看得出損失，提高品質再輸出。
檔案越小不一定越好。一個能讓商品標籤保持清晰、但稍微大一些的 WebP，通常比只節省幾 KB 卻讓文字難以閱讀的版本更適合使用者。
什麼時候應該保留 PNG？
當像素必須無損、後續編輯軟體要求 PNG，或圖片包含壓縮後會明顯變化的精細介面圖形時，應保留 PNG。對於相片和普通網頁圖形，可以將 WebP 與 PNG 比較後，再選擇符合畫質和交付要求的副本。
如果來源圖片的像素遠超網頁版面所需，可以在轉換前縮放。如果畫面包含多餘邊框，先用圖片裁剪器改變構圖；目標比例不確定時，可以用寬高比計算器確認比例。移除不需要的像素，通常比單純降低品質更有效。
PNG 轉 WebP 常見問題
WebP 看起來模糊或出現方塊
提高品質並重新比較。如果來源圖片遠大於顯示區域，先縮放到合理的交付寬度。始終從原始 PNG 開始，不要反覆把之前的 WebP 再轉換一次。
透明邊緣看起來不對
在最終使用的背景上檢查透明邊緣。細薄邊緣或精確像素顏色很重要時，可以保留 PNG，或者提高 WebP 品質後再次仔細比較。
檔案沒有小很多
來源 PNG 可能本來就很簡單、已經高效編碼，或者品質設定過高。檢查圖片尺寸，嘗試適中的品質，並在實際顯示尺寸下比較結果。
平台不接受 WebP
有些上傳流程仍然只接受 JPG 或 PNG。保留原始 PNG，並輸出目標平台允許的格式。替換網站正式圖片前，也應確認目前瀏覽器和 CMS 的支援情況。
常見問題
如何在線上把 PNG 轉為 WebP？
開啟PNG 轉 WebP 轉換器，選擇 PNG，設定品質，點擊轉換，檢查輸出，然後下載 WebP 交付副本。
WebP 會保留 PNG 的透明背景嗎？
WebP 支援透明效果，但轉換後仍應檢查透明邊緣。圖形需要精確無損像素，或目標平台明確要求 PNG 時，應保留 PNG。
PNG 轉 WebP 應該選擇多少品質？
可以先從 80 左右開始，再於實際顯示尺寸下檢查。細節多或包含文字時提高品質；只有確認畫面仍清晰且容量確實有價值時，才降低品質。
PNG 轉 WebP 會上傳圖片嗎？
OpenVideoMaker 轉換器在瀏覽器中處理所選圖片，不會為了轉換步驟上傳圖片。瀏覽器仍需要為大檔案預留足夠記憶體。
應該先壓縮還是先縮放？
當來源圖片尺寸超過目標顯示區域時，先用圖片縮放器調整尺寸，再轉換為 WebP。需要進一步控制品質和容量時，使用圖片壓縮器。
繼續使用相關圖片工具
使用PNG 轉 WebP 轉換器製作網頁交付格式，使用圖片縮放器設定準確像素，使用圖片壓縮器進一步減少檔案容量。需要改變構圖時，先使用圖片裁剪器，並用寬高比計算器確認目標比例。