WebP Test
PCのシステム的なスクリーンショットをWebPにするテスト
テスト
- PNGでとったスクリーンショット (by ScreenPresso) を cwebp コマンドで WebP フォーマットに変換した。
結論
- PNGの方がサイズが軽く品質も高い（元画像が PNG だからこうなっただけ？）。
- 例えば、PNG (最適化済) のサイズは 10KB だが、これと同等サイズの WebP 画像は品質30% である。この2つの画像を見比べると、明らかに WebP の方が汚い。
メモ
- WebP は Safari が対応していないのが問題だと思う。（参考：WebP image format | Can I use...）
実際の画像表示
| フォーマット | 画像 | サイズ |
|---|---|---|
| PNG |  |
15KB |
| PNG(最適化済) |  |
10KB |
| WebP 品質100% |
 |
30KB |
| WebP 品質80% |
 |
17KB |
| WebP 品質75% |
 |
15KB |
| WebP 品質75% -preset icon |
 |
16KB |
| WebP 品質75% -preset picture |
 |
14KB |
| WebP 品質75% -sharp_yuv |
 |
16KB |
| WebP 品質70% |
 |
14KB |
| WebP 品質60% |
 |
13KB |
| WebP 品質50% |
 |
13KB |
| WebP 品質50% -sharp_yuv |
 |
13KB |
| WebP 品質40% |
 |
12KB |
| WebP 品質30% |
 |
10KB |
| WebP 品質20% |
 |
9KB |
| WebP 品質10% |
 |
8KB |