レスポンシブイメージ

<img> の srcset と sizes、または複数の <source> を持つ <picture> を使う。最適な版はブラウザが選ぶので、特にモバイルで転送量を大きく減らせる。AVIF → WebP → JPG のようなフォーマットのフォールバックも <picture> で書ける。