圧縮とフォーマット

圧縮は画像の容量を左右する最大の要因であり、画像の容量はページ速度を左右する最大の要因です。このガイドでは、フォーマットの選び方（WebP、AVIF、JPEG、PNG）、実写写真で計測した画質とサイズのトレードオフ、そして配信の仕組みまで幅広く扱います。遅延読み込み（lazy loading）、レスポンシブな srcset、CDN キャッシュ、Core Web Vitals まで取り上げます。ここにある推奨事項はすべて、再現可能なバイト数を根拠にしており、ベンダー流用のパーセンテージではありません。