Web用画像ファイルサイズ完全ガイド：最適化とフォーマット選択
Vizua
Webサイトのすべての画像にはファイルサイズの予算があります。超えるとページが遅くなり、守ればすべてが快適になります。このガイドでは用途ごとの具体的なKB目標を示します。
参考表：用途別の理想的なサイズ
ヒーロー画像：100〜200 KB（1600〜1920px）。コンテンツ画像：60〜150 KB（800〜1200px）。サムネイル：20〜50 KB（300〜400px）。アバター：5〜15 KB（64〜128px）。ロゴ：SVG推奨（5〜30 KB）。
フォーマットが最大の差を生む
WebPはJPEGより25〜35%小さく、AVIFは約50%小さくなります。Vizuaで変換：JPGをWebPに、AVIFに変換、一括変換。
ピクセルサイズ：隠れた倍増効果
圧縮前にリサイズしましょう。Vizuaのリサイズツールを使い、JPEG圧縮やPNG圧縮で圧縮します。
ページあたりの総画像予算
ページあたりの総画像重量を500 KB以下に抑えましょう。
よくある質問
Webサイトの画像の理想的なファイルサイズは？
用途により異なります。ヒーロー画像は200 KB以下、コンテンツ画像は150 KB以下、サムネイルは80 KB以下が目標です。この目標はWebPやAVIFを前提としています。
画像のファイルサイズはSEOに影響しますか？
はい。画像はGoogleのCore Web Vitalsの一つであるLCPに直接影響します。LCPが2.5秒を超えるとランキングが下がる可能性があります。
品質を落とさずにファイルサイズを減らすには？
3つのステップ：表示サイズにリサイズ、WebP/AVIFに変換、品質75〜85で圧縮です。