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 |