Webサイトの読み込みが遅い原因の多くは、最適化されていない画像です。

1MB以上の画像を何枚もページに置いていると、モバイルユーザーは数秒待つことになります。

形式の選び方

JPEG: 写真に最適。色数が多い画像を高い圧縮率で保存できます。品質80〜85%程度が実用的なバランスです。

PNG: ロゴ、アイコン、透明背景が必要な画像に使います。可逆圧縮なので品質は劣化しませんが、ファイルサイズは大きくなりがちです。

WebP: GoogleがWeb向けに開発した形式。JPEGより25〜35%軽く、透明背景にも対応しています。モダンブラウザはすべて対応しています。

圧縮の目安

| 用途 | 推奨サイズ | 形式 |

|------|-----------|------|

| ブログのメイン画像 | 200KB以下 | JPEG/WebP |

| サムネイル | 50KB以下 | JPEG/WebP |

| ロゴ | 30KB以下 | PNG/SVG |

| アイコン | 10KB以下 | PNG/SVG |

ブラウザで圧縮する方法

オンライン圧縮ツールを使えば、ソフトのインストール不要で画像を最適化できます。ブラウザ内で処理されるツールを選ぶと、プライバシーの面でも安心です。

品質スライダーを動かしながら、圧縮前後の見た目を比較して適切な数値を見つけましょう。

画像を軽くするだけで、Webサイトのスコアが大幅に改善されることがあります。