WebPとJPEGの比較
Unsplashでランダムに選んだ画像をまずはAffinity DesignerでJPEG(最高画質)で2つのサイズ(1280pxと640px)に書き出して、以下の2つの方法で圧縮保存しました。
- cwebpで画質85でWebPに変換して保存
- ImageOptimでJPEGの品質を85にして保存
Beach
WebP: 188KB
![](img/comparison/beach-1280.webp)
JPG: 183KB
![](img/comparison/beach-1280.jpg)
WebP: 60KB
![](img/comparison/beach-640.webp)
JPG: 56KB
![](img/comparison/beach-640.jpg)
Building
WebP: 159KB
![](img/comparison/building-1280.jpg)
JPG: 199KB
![](img/comparison/building-1280.jpg)
WebP: 61KB
![](img/comparison/building-640.webp)
JPG: 66KB
![](img/comparison/building-640.jpg)
Lady and Cat
WebP: 48KB
![](img/comparison/catlady-1280.jpg)
JPG: 66KB
![](img/comparison/catlady-1280.jpg)
WebP: 15KB
![](img/comparison/catlady-640.webp)
JPG: 21KB
![](img/comparison/catlady-640.jpg)
Cows
WebP: 329KB
![](img/comparison/cows-1280.webp)
JPG: 279KB
![](img/comparison/cows-1280.jpg)
WebP: 96KB
![](img/comparison/cows-640.webp)
JPG: 79KB
![](img/comparison/cows-640.jpg)
Flower
WebP: 41KB
![](img/comparison/flower-1280.webp)
JPG: 61KB
![](img/comparison/flower-1280.jpg)
WebP: 17KB
![](img/comparison/flower-640.webp)
JPG: 22KB
![](img/comparison/flower-640.jpg)
Gradation
WebP: 56KB
![](img/comparison/gradation-1280.webp)
JPG: 82KB
![](img/comparison/gradation-1280.jpg)
WebP: 23KB
![](img/comparison/gradation-640.webp)
JPG: 29KB
![](img/comparison/gradation-640.jpg)
Grass
WebP: 414KB
![](img/comparison/grass-1280.webp)
JPG: 334KB
![](img/comparison/grass-1280.jpg)
WebP: 114KB
![](img/comparison/grass-640.webp)
JPG: 89KB
![](img/comparison/grass-640.jpg)
Plastic Bottles
WebP: 281KB
![](img/comparison/plastic-bottles-1280.webp)
JPG: 265KB
![](img/comparison/plastic-bottles-1280.jpg)
WebP: 88KB
![](img/comparison/plastic-bottles-640.webp)
JPG: 79KB
![](img/comparison/plastic-bottles-640.jpg)
Snow Mountain
WebP: 216KB
![](img/comparison/snow-mountain-1280.webp)
JPG: 201KB
![](img/comparison/snow-mountain-1280.jpg)
WebP: 63KB
![](img/comparison/snow-mountain-640.webp)
JPG: 58KB
![](img/comparison/snow-mountain-640.jpg)
Starfish
WebP: 201KB
![](img/comparison/starfish-1280.webp)
JPG: 201KB
![](img/comparison/starfish-1280.jpg)
WebP: 74KB
![](img/comparison/starfish-640.webp)
JPG: 66KB
![](img/comparison/starfish-640.jpg)