サイト高速化の8割は『画像のダイエット』で決まる。と言っても過言ではありません。
「ページの読み込みに3秒以上かかると、53%のユーザーが閲覧をやめてしまう」というデータ（Google調べ）もあります。
本記事では、2026年現在のスタンダードである「2倍サイズの法則」と、画質を落とさず軽量化できる「WebP（ウェッピー）」の活用術
- 設定一つで全自動にお任せしたい
- 手動で1KBでも軽くを目指したい
2つのルートを案内します。
現代の正解「2倍サイズの法則」とWebP
今の主流は、「見た目の美しさを保ちつつ、データ量だけを極限まで削る」という方法。そのカギを握るのが、「2倍サイズの法則」と「WebP（ウェッピー）」です。
綺麗に見える横幅の目安（リサイズの黄金律）
最近のスマホやMac（Retinaディスプレイなど）の画面をよく見てみてください。文字や画像が、クッキリ、滑らかに見えませんか？
これは、「1ピクセルのスペースに、2倍（あるいはそれ以上）の密度のドットを詰め込んで表示している」からです。
- 1倍（等倍）で用意した画像： 高精細な画面で見ると、ドットの密度が足りず、少し「ボケて」見えてしまいます。
- 2倍で用意した画像： 高精細な画面でも、本来のクオリティで「クッキリ」と美しく表示されます。
💡【2倍サイズの法則】
あなたのブログの本文幅が 800px なら、画像は 1600px で用意してアップロードしましょう。これが、今の時代の「一番綺麗に見える」正解です。
※それ以上大きくしても、人間の目には違いがわかりません。
次世代形式「WebP」なら画質を落とさず軽量化できる
「2倍のサイズで画像を上げたら、結局重くなるんじゃないの？」と心配になるかもしれません。そこで登場するのが、Googleが開発した次世代画像形式「WebP（ウェッピー）」です。
WebPの最大の特徴は、「JPEGやPNGと同じ見た目なのに、ファイルサイズが約30%も軽くなる」という圧縮技術です。
「古いブラウザでは見られない」はもう昔の話
以前は「iPhoneの古いブラウザではWebPが見られない」といった悩みもありましたが、2026年現在、スマホやPCのブラウザの99%以上がWebPに対応しています。
また、EWWW Image Optimizerなどのプラグインを使えば、万が一対応していないブラウザが来ても、自動で元のJPEGに切り替えてくれるます。
💡 【プラスαの知識】WebPのさらに次？「AVIF」とは
WebPよりもさらに圧縮率が高い「AVIF（アヴィフ）」という新しい画像形式も注目されています。
2026年現在、一般的なブログ運営であれば、まずは対応ブラウザが多くて設定も簡単な「WebP」を選んでおけば間違いありません。
【ルートA】EWWW Image Optimizerで全自動設定
「画像処理に時間をかけたくない」「設定は一度で終わらせたい」という方には、プラグイン「EWWW Image Optimizer」を使った全自動ルートがおすすめです。
この設定を一度済ませておけば、あとはスマホで撮った写真でもそのままブログにアップロードするだけで、リサイズからWebP変換までを裏側で勝手に行ってくれます。
メリット：一度設定すれば、あとは「放り込むだけ」
最大の魅力は、「手間がゼロ」になることです。
1枚ずつリサイズしたり、圧縮サイトに通したりする必要はありません。プラグインがあなたの代わりに「お掃除ロボット」のように働いてくれるので、あなたは記事の執筆だけに集中できます。
EWWWの推奨設定（リサイズとWebP）
設定画面を開いたら、まずは以下の2点をチェックしましょう。
① リサイズ設定（画像の大きさを整える）
「基本」タブにある「リサイズ」の項目を次のように設定します。
| 幅の最大値 | 1200 〜 1600（px） |
| 高さの最大値 | 0（横幅に合わせて自動調整） |
※ここに数値を入力しておくだけで、巨大な写真もアップロード時に自動で「2倍サイズの法則」に基づいた大きさにカットされます。
② WebP配信の設定
「基本」タブの「WebP」という項目にチェックを入れます。
これにより、画像が自動でWebP形式に変換され、読者のブラウザに合わせて最適な状態で配信されるようになります。
【重要】.htaccess編集不要！「JS WebP Rewriting」で安全に導入
以前はWebPを有効にするために、サーバーの重要な設定ファイルである「.htaccess」を編集する必要がありました。
2026年現在の安全な正解：
EWWW設定画面の「JS WebP Rewriting（JSによるWebP書き換え）」にチェックを入れる！
この方法なら、JavaScriptが自動で画像表示を切り替えてくれるため、難しいファイル編集は一切不要です。万が一のトラブルも回避できるため、初心者の方は迷わずこの方法を選びましょう。
【ルートB】こだわり派のための「手動」軽量化ステップ
「1KBでも削って、Googleのテストで100点を取りたい！」
「デジカメの巨大な写真をそのまま上げるのは怖い！」
そんなこだわり派の方は、アップロード前に自分の手で画像を仕上げるのが正解です。
なぜ、WebP時代でも「手動の圧縮」が必要なの？
2026年現在、「WebP」なら99%以上、最新の「AVIF」も多くのブラウザで対応が進んでいますが、100%ではないのが現実です。残りの1%には「元の画像（JPEG/PNG）」が必要です。
もし元の画像が10MBのメタボ状態だと、その1%の読者には「超激重サイト」になってしまいます。また、サーバーに重すぎる写真を上げると、WebPに変換する時にサーバーがフリーズすることもあります。
元のご先祖様（JPEG/PNG）」をシュッとさせておくのがベストです。
⚠️ 実は、無料版 EWWW Image Optimizerの圧縮（JPEG/PNG）は「控えめ」
EWWWの無料版は、画質を1ミリも落とさないが基本です。見た目は完璧に保たれますが、その分、ファイルサイズの削減率は10%〜20%程度と控えめなんです。
🛠 選べる2つの手動ツール（アップロード前のひと手間）
2026年現在、定番の2大ツールを比較しました。用途に合わせて使い分けてみてください。
| ツール名 | 特徴（おもてなしポイント） | こんな時におすすめ！ |
|---|---|---|
|
Squoosh （スクワッシュ） |
全部入り万能ツール！ リサイズ・圧縮・WebP変換が1画面で完結。プレビューを見ながら「極限まで」絞れます。 |
デジカメの巨大な写真や、1枚ずつ完璧に仕上げたい「勝負写真」に最適です。 |
|
TinyPNG （タイニーPNG） |
時短の味方！ 複数枚を一気に放り込むだけで、見た目を保ったままJPEG/PNGを軽量化してくれます。 |
ブログのスクショなど、何枚もまとめてスリムにしたい時に便利です。 |
これで1%の読者にも100%の読者にも、最高のおもてなしが届きます。
プラグイン比較表（Converter for Mediaの紹介）
まだ、鉄壁の布陣にするには、プラグインの力が不可欠！
手動で「最高画質のJPEG」をアップロードし、プラグインに「WebP（保険付き）」を作らせるのが最も安全な運用です。リサイズや圧縮を自分で行うこだわり派の方には、動作が非常に軽量な「Converter for Media」が特におすすめです。
| 特徴 | EWWW Image Optimizer | Converter for Media |
|---|---|---|
| おすすめの人 | リサイズも丸投げしたい全自動派 | 手動で最適化するこだわり派 |
| 主な機能 | リサイズ、メタデータ削除、変換 | WebP/AVIFへの変換・配信に特化 |
| 管理のしやすさ | 元画像と同じフォルダで管理 | WebP専用フォルダで管理（超スッキリ！） |
| AVIF対応 | 有料版のみ自動変換 | 有料版のみ自動変換 |
過去の画像も一括で「大掃除」！
今までの重たい画像はどうすればいいの？」という方もご安心ください。
EWWWの『一括最適化』機能を使えば、昔アップロードしてしまった巨大な画像も、今決めたルール（1600pxなど）に合わせて一気にリサイズ＆圧縮できます
また、どちらのプラグインも、ボタン一つで過去にアップロードした全画像をスキャンし、一括でWebPを作成してくれる機能を備えています。
WordPressの画像リサイズの仕組み
WordPressに画像を1枚アップロードすると、実は裏側「大・中・小」といった複数のコピー（リサイズ画像）が自動で作られています。
これは、「表示する場所に合わせて、一番ちょうどいい重さ（サイズ）の画像を用意しておく」というWordPressの気配りです。大きな看板用の画像を、スマホの小さな画面に出すのは「重すぎる」からですね。
推奨の設定サイズと理由
どのサイズでコピーを作るかは、「設定」→「メディア」で自分で決めることができます。
| サイズ名 | おすすめ設定値 | 理由（おもてなしのポイント） |
|---|---|---|
| サムネイル | 150 × 150 | 記事一覧などで並べる用。正方形で揃えるのが一番スッキリ見えます。 |
| 中サイズ | 幅 300〜600 | スマホ表示の主役！ 300pxだと少しボケる場合、600pxにするとクッキリします。 |
| 大サイズ | 幅 1024〜1600 | PC表示の主役。 本文の横幅いっぱいに広げてもボケない安心サイズです。 |
⚠️ ここは注意！
-
「親」より大きくはなれません：
アップロードする元の写真が500pxなら、1024pxの「大サイズ」は作られません。大は小を兼ねますが、逆はできないんです。 -
過去の画像は変わりません：
設定を変えても、すでにアップロード済みの画像は古いサイズのまま。過去分も一括で直したい時は「Regenerate Thumbnails」などのプラグインが必要になります。
「とりあえずフルサイズ」を卒業して、爆速サイトへ！
ここが一番お伝えしたい「ポイント」です。
投稿画面で画像を挿入すると、デフォルトでは「フルサイズ」が選ばれていることが多いです。
PC画面でも、小さくて見せる画像なら「中サイズ」で十分なケースが多いです。
「中サイズ」を試して、ボヤけていたら「大サイズ」へとランクアップさせましょう。
1枚1枚は小さな差かもしれませんが、記事が増えるほどその重さはサイト全体に重くのしかかります。
Lazy Load（遅延読み込み）
読者が画面をスクロールして、その画像に近づくまで読み込みを「待機」させる仕組みのことで、以前は専用のプラグインが必要でしたが、WordPress 5.5以降は標準機能として備わっています。
今のWordPressは本当に賢くて、特別な設定をしなくても「今、読者の目に見えている範囲」の読み込みを最優先してくれます。ファーストビュー（最初の画面）に関係ない画像は後回しにしてくれるので、ページがパッと開く。まさに「勝手におもてなししてくれる機能」です！
画像の最適化は、ブログを訪れてくれた読者への一番最初のおもてなしですね😊