| WebP | PNG | |
|---|---|---|
| 圧縮 | 非可逆 | 可逆 |
| 透過 | ✓ | ✓ |
| Animation | ✓ | - |
| HDR | - | - |
| メタデータ | ✓ | ✓ |
| オープン / ロイヤリティフリー | ✓ | ✓ |
| 策定元 | W3C | |
| 開始日 | 2010 | 1996 |
| おすすめの用途 | Web サイトの画像 | スクリーンショット、ロゴなど、輪郭がくっきりしたものや透過のあるもの |
WebP
JPG や PNG より小さく、透過とアニメーションにも対応。現在のすべてのブラウザで使えます。
PNG
透過対応の可逆形式。スクリーンショット、ロゴ、UI の定番です。
質問
WebP と PNG：小さいのはどっち？
WebP のほうが大幅に小さくなります。ディテールを切り捨てるためです。PNG はすべてを保持する分、サイズが大きくなります。
WebP を PNG に変換できますか？
はい、ブラウザ内で、アップロードなしで可能です。
PNG から WebP への変換は？
はい、同じく可能です。