PRACTICAL GUIDE
Web画像の圧縮・アニメーション形式を選ぶ
写真、透過、アニメーション、対応環境を分けて選びます。形式名だけで容量や画質を断定せず、実際の配信先で確認します。
迷ったら、ここで選ぶ
- 写真の幅広い配信 → JPEG
- 透過を含む静止画 → PNG
- Web配信の容量最適化 → WebPまたはAVIF
- 可逆の短い透過アニメーション → APNG
- JPEG XL対応環境での画像圧縮検討 → JPEG XL
互換性を先に確認する
新しい画像形式はブラウザ、アプリ、CDN、変換ツールで対応が異なります。採用前に対象環境を決め、フォールバックを含めて確認します。
アニメーションは動画と分けて考える
APNG、GIF、アニメーションWebPは短いループやUI表現に使えます。長時間の映像や音声を伴う配信は、動画コンテナとコーデックを別に選びます。
候補形式
関連する比較
注意点
- 同じ形式でもエンコード設定、画像内容、表示サイズで容量と画質は変わります。
- 新形式を採用する場合は対象ブラウザとフォールバックを確認してください。