WebP と JPG の違い — Web 配信でどちらを選ぶか
WebP は同画質で JPG より 25-35% 小さく、アルファチャンネルも扱えます。JPG は互換性が盤石。`<picture>` で両方提供するのが現実解。
JPG を WebP に変換（ブラウザで）同運営のネットウィズ合同会社が提供する ImageMint／ローカル処理・登録不要WebP を JPG に戻す（互換性優先）古いメール・業務システム向けのフォールバック
結論
- Web の画像配信で LCP を改善したい → WebP を優先、JPG をフォールバック
- 古いメーラーや業務システムとの互換性 → JPG
- ロゴや UI の透過画像 → WebP（ロスレス）か PNG
比較表
| 項目 | WebP | JPG |
|---|---|---|
| 圧縮方式 | 非可逆 / 可逆 | 非可逆のみ |
| 透過 | あり | なし |
| アニメ | あり | なし |
| サイズ | 同画質で 25-35% 小さい | 基準 |
| ブラウザ対応 | 主要全部（Safari 14+） | 100% |
| EXIF | 保持可能 | 保持可能 |
実運用パターン
<picture>
<source srcset="/photo.webp" type="image/webp">
<img src="/photo.jpg" alt="...">
</picture>
- WebP 非対応環境には自動で JPG を配信。
- CDN 側で
Acceptヘッダベースに切り替える構成もあり、ビルド時間短縮になる。