WebPとJPEGの比較
Unsplashでランダムに選んだ画像をまずはAffinity DesignerでJPEG(最高画質)で2つのサイズ(1280pxと640px)に書き出して、以下の2つの方法で圧縮保存しました。
- cwebpで画質85でWebPに変換して保存
- ImageOptimでJPEGの品質を85にして保存
Beach
WebP: 188KB

JPG: 183KB

WebP: 60KB

JPG: 56KB

Building
WebP: 159KB

JPG: 199KB

WebP: 61KB

JPG: 66KB

Lady and Cat
WebP: 48KB

JPG: 66KB

WebP: 15KB

JPG: 21KB

Cows
WebP: 329KB

JPG: 279KB

WebP: 96KB

JPG: 79KB

Flower
WebP: 41KB

JPG: 61KB

WebP: 17KB

JPG: 22KB

Gradation
WebP: 56KB

JPG: 82KB

WebP: 23KB

JPG: 29KB

Grass
WebP: 414KB

JPG: 334KB

WebP: 114KB

JPG: 89KB

Plastic Bottles
WebP: 281KB

JPG: 265KB

WebP: 88KB

JPG: 79KB

Snow Mountain
WebP: 216KB

JPG: 201KB

WebP: 63KB

JPG: 58KB

Starfish
WebP: 201KB

JPG: 201KB

WebP: 74KB

JPG: 66KB
