用真實照片比較JPEG、WebP與PNG的容量

相同品質數值在不同格式中不代表相同結果。我們將NASA的Earthrise照片載入Apps24，以100%尺寸、80%品質下載JPEG與WebP。下方提供原圖和實際下載檔案，方便檢視並重現比較。

輸入與結果

`Earthrise · JPEG · 1041×813`	`59,190 bytes`
`JPEG 80% · 1041×813`	`42,674 bytes`
`JPEG 60% · 1041×813`	`35,582 bytes`
`WebP 80% · 1041×813`	`27,016 bytes`
`WebP 60% · 1041×813`	`17,934 bytes`
`PNG · 1041×813`	`395,915 bytes`
`WebP 80% · 521×407`	`8,224 bytes`

理解結果

原始JPEG為59,190位元組，JPEG 80%為42,674，WebP 80%為27,016，比原圖約小54.4%。PNG增加至395,915位元組，約為原圖6.7倍。將已壓縮的照片轉為無損格式可能增加容量，且無法還原JPEG已失去的細節。JPEG與WebP的80%不代表相同視覺品質。

下一步

開啟並下載原圖，再上傳到工具。先保持100%尺寸，只改格式，再降低品質。以原始顯示比例比較雲層與月面細節，不要只看縮小預覽。若最終用途允許較小尺寸，最後嘗試50%。本例WebP 80%、尺寸50%為521×407像素、8,224位元組，但像素細節也減少了。保留原圖以供後續編輯。

使用工具

限制與測試條件

2026-10-07於Chromium 154測試：原圖1041×813，瀏覽器canvas編碼器及高品質縮放。表格由重現腳本測得，實際JPEG/WebP 80%下載檔案雜湊一致。單張照片不代表平均壓縮率或客觀畫質評分。照片出自NASA，並非Apps24拍攝；衍生檔案為比較用的重新編碼版本。NASA不為Apps24或測試結果背書。

photo-comparison.js

參考來源

Apps24透過實作程式碼與回歸測試核對範例。瀏覽器實驗會說明條件，但不保證所有裝置的結果。回報錯誤時請提供網址、範例輸入、預期結果與瀏覽器。請勿傳送密碼、私人文件或個人資料。