より速いサイトのための画像最適化の方法

多くのサイトで、画像はページ容量と読み込みの遅さの最大の要因です。画像の最適化は最も効果の高い高速化手段で、Core Web VitalsとSEOに直接効きます。

大きな画像はGoogleのCore Web Vitalsの一つ、Largest Contentful Paint（LCP）を遅らせます。速いページは順位も変換も良くなります。画像はしばしばページ容量の50%超なので、小さくするのが最速の効果です。

JPEG/PNGの代わりにWebPやAVIFを配信しましょう。同じ品質で25〜50%小さく、見た目を変えずにページが速く読み込まれます。とても古いクライアント対応が必要な場合のみJPEGの控えを。

800ピクセルの枠に4000ピクセルの画像を送らないこと。実際に表示される最大サイズ（高精細画面は約2×）に縮小します。これだけで画像容量が半分になることも多いです。

写真は品質75〜80ほどで通常は元と見分けがつきません。あるいは画像ごとに目標サイズを設定し、各ファイルを予算内に。ファイルは小さく、見た目はそのまま。

レイアウトのずれ（CLS）を防ぐためwidth・height属性を付け、ファースト画面より下の画像を遅延読み込みし、不要なEXIFを削除しましょう。これらが合わさってCore Web Vitalsを着実に改善します。

Dropsizeに画像を入れ、WebPやAVIFへ変換、リサイズ、圧縮 — すべてブラウザで、アップロードなし — そしてサイトに載せる準備が整ったzipでダウンロードできます。