筆記 網頁改用WebP Benchmark 空間節省45% 載入速度更快

posted in: computer, 有的沒的 | 0

筆記 網頁改用WebP Benchmark 空間節省45% 載入速度更快

之前做網站測速時,就一直有suggest要我換webp,載入圖片可以更快一點

之前不轉的原因是Wordpress沒有直接支援,不是要付錢加掛CDN,就是要加裝plugin,我個人是非常不愛用Plugin,能用原生就用原生

但 WordPress 升到 5.9.x 後,直接就可以支援WebP了,不知道 WebP 是什麼的看 WebP – 維基百科,自由的百科全書 (wikipedia.org)

拿之前的照片測了一下大小. 共32張

原本在用的設定
JPEG 畫質95% ->  17.6M
JPEG 95% resample: 7M
-> 減少 60%

軟體建議webp用80%畫質
WEBP 畫質80% -> 4.2M
WEBP 80% resample -> 3.8M
-> 減少9.5%

拿JPEG80來比一下
JPEG 畫質80% -> 6.7M
JPEG 80% resample: 6.8M
增加1.5%


有一個小小的問題,有一台工作機升不了Big Sur,內建無法開WebP preview, Safari也開不出來 XDD

看來Mac該換了 XDD


輸出軟體: PhotoScape X
Resample: XnConvert


結論: 換成webp圖片減少45%大小


WEBP 80% resample


JPEG 95% resample