Image Formats

網站圖片該用 JPG、PNG 還是 WebP?

針對照片、標誌、截圖、透明背景與日常網站發布,比較 JPG、PNG 與 WebP。

JPG、PNG 與 WebP 解決不同的影像問題。JPG 常見且適合照片。PNG 擅長透明背景與清晰的圖形。當你的發布流程支援時,WebP 通常是最好的傳輸格式。

快速選擇

圖片類型 適合的選擇
商品照片 WebP 或 JPG
含透明背景的標誌 來源用 PNG,若更小則用 WebP 傳輸
螢幕截圖 來源用 PNG,測試後用 WebP 傳輸
部落格主視覺 WebP
舊式上傳表單 JPG 或 PNG

大型透明 PNG 檔請試用 PNG to WebP;當相容性比檔案大小更重要時,請使用 WebP to PNG

常見問題

網站照片該用 JPG、PNG 還是 WebP?

若支援就用 WebP,JPG 作為廣泛的備援,而透明背景或像素精準度重要時則用 PNG。

PNG 適合處理照片嗎?

PNG 可以儲存照片,但通常會產生比 JPG 或 WebP 大得多的檔案。

Resources

參考資源

利用這些參考資源,在指南、對應的支援頁面與內容製作者之間切換。

相關指南

接著閱讀