BLOG
WordPressで画像を軽量化する方法
2026.5.18SEO対策
「WordPressサイトの表示が遅い」
「PageSpeed Insightsで画像が重いと指摘された」
「画像を軽くしたいけれど、画質が悪くならないか不安」
このような場合にまず見直したいのが、画像の軽量化です。
WordPressサイトでは、ブログのアイキャッチ画像、制作実績、サービス紹介、トップページのメイン画像など、
さまざまな場所で画像を使用します。
画像が大きすぎると、ページ表示速度が遅くなり、ユーザーの離脱やSEO改善の妨げになることがあります。
この記事では、WordPressで画像を軽量化する方法について、
SEO改善とWebサイト運用の視点から分かりやすく解説します。
WordPressで画像軽量化が重要な理由
WordPressで画像軽量化が重要な理由は、画像がページ表示速度に大きく影響するからです。
ページを開いたとき、画像ファイルが大きいと読み込みに時間がかかります。
特にスマートフォンでは、通信環境や端末性能によって表示が遅く感じられることがあります。
画像が重いサイトでは、次のような問題が起こりやすくなります。
- ・ページ表示速度が遅くなる
- ・ユーザーが本文を読む前に離脱する
- ・スマートフォンで表示が重くなる
- ・PageSpeed Insightsで指摘される
- ・問い合わせページまで進まれにくくなる
画像は、ホームページの印象を高める大切な要素です。
しかし、必要以上に重い画像は、ユーザー体験を悪化させる原因になります。
SEO対策では、記事内容や内部リンクだけでなく、
ユーザーが快適にページを閲覧できる状態を整えることも重要です。
方法1｜アップロード前に画像をリサイズする
WordPressで画像を軽量化する基本は、アップロード前に画像をリサイズすることです。
スマートフォンやカメラで撮影した写真は、横幅3000px以上になることがあります。
そのままWordPressにアップロードすると、ページ上では小さく表示されていても、
実際には大きな画像データを読み込んでいることがあります。
たとえば、本文内で横幅800px程度で表示する画像に、横幅4000pxの画像を使う必要はありません。
画像サイズの目安は、次のように考えると分かりやすいです。
- ・本文内画像：横幅800〜1200px程度
- ・ブログのアイキャッチ画像：横幅1200〜1600px程度
- ・メインビジュアル画像：横幅1600〜2000px程度
- ・サムネイル画像：必要以上に大きくしない
ただし、これはあくまで目安です。
実際には、サイトのデザインや表示位置に合わせて調整する必要があります。
画像をアップロードする前に、Photoshopなどで適切なサイズにリサイズしておくと、
表示速度の改善につながりやすくなります。
画像軽量化では、まず必要以上に大きな画像を使わないことが大切です。
方法2｜JPG・PNG・WebPを使い分ける
画像を軽量化するには、画像形式の使い分けも重要です。
同じ見た目の画像でも、形式によって容量が大きく変わることがあります。
基本的な使い分けは次のとおりです。
- ・写真：JPGまたはWebP
- ・透過が必要な画像：PNGまたはWebP
- ・ロゴやアイコン：SVG、PNG、WebPなど
- ・軽量化を重視する画像：WebP
特に注意したいのは、写真をPNG形式でアップしているケースです。
PNGはロゴや透過画像には便利ですが、写真では容量が大きくなりやすい傾向があります。
人物写真、建物写真、施工写真、制作実績画像などは、JPGやWebPの方が軽くしやすい場合があります。
WebPは、画質を保ちながら容量を抑えやすい画像形式です。
WordPressサイトで画像を多く使っている場合、WebPを活用することでページ全体を軽くできる可能性があります。
ただし、WebP化しても元画像の横幅が大きすぎる場合は、過大画像として指摘されることがあります。
画像形式の変更だけでなく、
リサイズ・圧縮・表示サイズの確認もセットで行いましょう。
方法3｜画像圧縮プラグインを活用する
WordPressでは、画像圧縮プラグインを使って画像を軽量化する方法もあります。
画像圧縮プラグインを使うと、アップロード済みの画像や今後アップロードする画像を自動で圧縮できる場合があります。
また、プラグインによってはWebP生成に対応しているものもあります。
画像圧縮プラグインでできることには、次のようなものがあります。
- ・画像容量の圧縮
- ・WebP画像の生成
- ・アップロード時の自動最適化
- ・既存画像の一括最適化
- ・サムネイル画像の最適化
ただし、プラグイン任せにしすぎるのは注意が必要です。
もともとの画像サイズが大きすぎる場合、圧縮しても十分に軽くならないことがあります。
また、圧縮率を高くしすぎると、画像が粗くなり、サイトの印象が悪くなる場合もあります。
特に、制作実績やメインビジュアルなど、見た目の品質が重要な画像では、圧縮後の画質を確認しましょう。
画像圧縮プラグインは便利ですが、
アップロード前のリサイズと組み合わせて使うことが大切です。
方法4｜重い画像・未使用画像を見直す
WordPressで画像を軽量化する際は、重い画像や未使用画像の見直しも重要です。
長くサイトを運用していると、過去にアップロードした大きな画像や、現在は使っていない画像がメディアライブラリに残っていることがあります。
特に、次のような画像は確認したいところです。
- ・容量が数MBある画像
- ・横幅3000px以上の画像
- ・写真なのにPNG形式の画像
- ・差し替え前の古い画像
- ・使っていない制作実績画像
- ・過去のLPやキャンペーン用画像
ただし、未使用画像を削除するときは慎重に行う必要があります。
メディアライブラリ上では未使用に見えても、テーマやカスタムフィールド、CSS、固定ページなどで使われている場合があります。
誤って削除すると、ページ上で画像が表示されなくなることがあります。
画像整理を行う前には、必ずバックアップを取り、削除しても問題ないか確認しましょう。
画像軽量化では、
今使っている画像を軽くすることと、不要な画像を整理することの両方が大切です。
方法5｜PageSpeed Insightsで改善状況を確認する
画像を軽量化した後は、PageSpeed Insightsなどのツールで改善状況を確認しましょう。
PageSpeed Insightsでは、ページ表示速度や画像に関する改善項目を確認できます。
画像関連では、次のような指摘が出ることがあります。
- ・適切なサイズの画像を使用してください
- ・次世代フォーマットでの画像配信
- ・効率的な画像フォーマット
- ・画像を適切に圧縮してください
これらの指摘が出ている場合は、対象となっている画像を確認し、リサイズやWebP化、圧縮を検討します。
ただし、PageSpeedの点数だけを追いかけすぎる必要はありません。
大切なのは、実際にユーザーが快適にページを見られる状態になっているかどうかです。
特に優先して確認したいページは次のとおりです。
- ・トップページ
- ・サービスページ
- ・問い合わせにつながるLP
- ・検索流入が多いブログ記事
- ・制作実績ページ
画像軽量化は、一度で終わりではありません。
新しい記事や実績を追加するたびに、画像サイズや容量を確認する習慣をつけることが大切です。
まとめ｜画像軽量化は表示速度とSEO改善の基本
WordPressで画像を軽量化することは、表示速度改善やSEO対策の基本です。
画像が重いと、ページ表示速度が遅くなり、ユーザーの離脱や問い合わせ機会の損失につながる可能性があります。
画像軽量化では、次のポイントを意識しましょう。
- ・アップロード前に画像をリサイズする
- ・JPG、PNG、WebPを用途に合わせて使い分ける
- ・画像圧縮プラグインを活用する
- ・重い画像や未使用画像を見直す
- ・PageSpeed Insightsで改善状況を確認する
特に、トップページ、サービスページ、LP、検索流入が多い記事などは、画像最適化の優先度が高いページです。
大阪本町を拠点とする株式会社リバースでは、
WordPress保守・サイト改善・SEOを意識したブログ更新・内部リンク整理・画像最適化など、
Webサイト運用に関するサポートを行っています。
「WordPressサイトの画像が重い」
「PageSpeedで画像最適化を指摘された」
そんな場合は、まず重要ページの画像サイズと容量から見直していくことが大切です。
ホームページ・WordPressでお困りの方へ
表示不具合・WordPressのトラブル・保守管理・サイトリニューアルなど、状況に合わせてご相談ください。
-
実績はこちらよりご確認いただけます。
WORKS -
お問い合わせはフォームよりご連絡ください。
お問い合わせフォーム
株式会社リバース