ポイント
• 最適化されていない重い画像は、Webサイトの表示を遅くする最大の原因です（Google Web Devs, 2026）。
• アップロード前に自分で圧縮すれば、高価なWordPressの圧縮プラグインにお金を払う必要がなくなります。
• JPGの代わりにWebP形式を使用すると、ストレージ容量を30%以上節約できます。
表示速度がWebサイトの成功を決める
メディアファイルのサイズがページの表示速度を決定します。サイトが遅いと、ページが完全に開く前にユーザーの40%が離脱します。詳しくはGoogle Web Developersを読んでください。WordPressの重いプラグインを削除し、ブラウザベースの画像圧縮ツールで直接ファイルを軽くしましょう。さらに、Googleが推奨しているように、画像変換ツールを使ってファイルをWebP形式に変換することを強くおすすめします。
WebAssembly技術により、圧縮処理はあなたのパソコンのCPUを使ってブラウザ内で行われます。これにより、あなたのWebホスティングサーバーに負荷がかかったり、クラッシュしたりするのを防ぐことができます。
Web画像を最適化する手順
毎回、アップロードの前にこの作業を行ってください。
- 画像の横幅を減らします。ブログ記事には1600ピクセルの横幅があれば十分です。リサイズツールを使用してください。
- 出力フォーマットとしてWebPを選択します。これが最新Webサイトの標準です。
- 圧縮率を80%に設定し、ファイルサイズを100KB以下に抑えます。
- 写真にプライバシーに関わる位置情報が含まれている場合は、すぐにメタデータ消去ツールで削除してください。
Webサイト用画像の推奨サイズ
| 表示される場所 | 推奨される横幅（Width） | 最大ファイルサイズ |
|---|---|---|
| メインバナー（Hero Image） | 1920ピクセル | 200 KB以下 |
| ブログ記事内の挿絵 | 800〜1200ピクセル | 100 KB以下 |
| 小さなサムネイル | 400ピクセル | 30 KB以下 |
よくある質問
WordPressの画像圧縮プラグインは削除すべきですか？
はい。画像をアップロードする「前」に圧縮を済ませておくのがベストプラクティスです。これにより、データベースがクリーンに保たれ、コードのエラーが減り、ホスティングサーバーの通信費用も節約できます。
品質を80%に圧縮すると、見た目が悪くなりませんか？
まったく問題ありません。WebPの圧縮アルゴリズムは、人間の目には認識できない色情報だけを削除します。違いを見つけるには、画像を400%拡大して細かく確認しなければなりません。