2026-05-31 · 読了目安 1 分
高速ページのための画像フォーマット変換
モダンブラウザには WebP/AVIF、メールとレガシーには PNG フォールバック。
画像パフォーマンスWebP
重要ポイント
- 正しい寸法を決めてから変換 — 形式だけでは巨大ヒーローは直りにくい。
- Web 用に一度圧縮し、マスターはロスレスで資産庫に保管。
軽量画像パイプライン
表示幅にリサイズ→圧縮→本番 CDN 用にフォーマット変換。
LCP 要素は別追跡 — ヒーロー画像がツールサイトのスコアを支配します。
よくある質問
WebP と AVIF？
AVIF はバイト勝ち；WebP はツール支援が広い — 対象ブラウザでテスト。
アップロード必須？
変換はサーバー側；バッチ前にサイズ上限を確認。