WordPressの画像をWebPにする方法

WordPressの画像をWebPにする方法は、大きく分けて「WebP画像を作ってからアップロードする方法」と、「WordPress・サーバー・プラグイン側で変換する方法」があります。

WebPはJPEGやPNGより小さい容量にできることが多く、画像の多いサイトでは転送量や表示負荷を減らすのに役立ちます。ただし、既存画像を一括変換するときは、元画像の保存、URLの変化、キャッシュ、画質を確認してから実施することが重要です。

WordPressでWebPを使う方法は3つ

初心者が選びやすい方法は、主に次の3つです。

WordPressはWebPに対応している？

WordPressは5.8以降、WebP画像のアップロードと利用に対応しています。

そのため、現在のWordPressでは、サーバー側の画像処理ライブラリがWebPへ対応していれば、JPEGやPNGと同じようにメディアライブラリへWebPをアップロードできます。

WordPressは画像をアップロードすると、テーマや設定に応じて「サムネイル」「中」「大」など複数サイズの画像を生成します。これらの画像生成にも、サーバー側のGDやImageMagickなどの画像処理機能が関係します。

方法1．WebPへ変換してからWordPressへアップロードする

初心者に最も分かりやすいのは、画像をWebPへ変換してからWordPressへアップロードする方法です。

WebP化する前に画像の縦横サイズを適正化すると、より効率よく軽量化できます。

方法2．プラグインでWebPへ変換する

既存のJPEG・PNG画像が数百枚以上ある場合は、画像最適化プラグインを使ってWebPを生成する方法があります。

プラグインによって機能は異なりますが、一般的には次のような処理を行います。

• アップロード時にWebPを自動生成
• 既存画像を一括変換
• ブラウザに応じてWebPを配信
• 元のJPEG・PNGを残す
• 画像圧縮も同時に行う

特に、WebPを「追加生成する方式」では、元のJPEG・PNGとWebPの両方を保存するため、一時的にディスク使用量が増える場合があります。

方法3．サーバーやCDNでWebPを配信する

レンタルサーバーやCDNによっては、画像を自動変換し、対応ブラウザへWebPを配信する機能があります。

この方法では、WordPress内の元画像を変更せず、配信時に最適な形式へ変換する構成もあります。

JPEG・PNGをWebPにするとどれくらい軽くなる？

WebPは、JPEGやPNGと比べてファイルサイズを小さくできることが多い画像形式です。

WordPress公式では、WebP画像はJPEG・PNG相当の画像と比べて平均約30％小さくなると説明されています。またMDNでは、非可逆WebPは同程度の画質のJPEGより平均25～35％小さく、可逆WebPはPNGより約26％小さいと説明されています。

WebP化するときの画質設定

WebPは圧縮率を高くしすぎると、輪郭や細部が崩れることがあります。

そのため、数字だけで判断せず、次の順番で確認してください。

WebPは非可逆圧縮と可逆圧縮の両方に対応し、透明度も扱えます。そのため、写真だけでなく透過画像にも利用できます。

アップロード済みの画像をWebPにする方法

すでにメディアライブラリへ大量のJPEG・PNGがある場合、1枚ずつ入れ直すのは現実的ではありません。

この場合は、次の方法を検討します。

• 画像最適化プラグインで既存画像を一括変換する
• CDN側でWebPへ自動変換する
• サーバー側の画像変換機能を利用する

初心者は、元ファイルを消して全面置換する方式より、元画像を残しながらWebPを追加生成・配信する方式の方が戻しやすいです。

WordPressが自動でWebPへ変換する？

「WebPをアップロードできること」と「JPEGを自動でWebPへ変換すること」は別です。

WordPressはWebPを扱えますが、すべてのJPEG・PNGを無条件にWebPへ置き換えるわけではありません。開発者向けには、image_editor_output_formatフィルターを使って、生成する画像サブサイズの形式を変更できます。

また、現在のWordPress 7.1では、対応環境で画像のリサイズ・圧縮・形式変換などをブラウザ側で処理するクライアントサイドメディア処理も導入されています。ただし、利用環境や設定によってサーバー側処理へ切り替わるため、「WordPressなら必ず自動WebP化される」とは考えないでください。

WebP化できないときに確認すること

WebPをアップロードできない、変換に失敗する場合は次を確認します。

まず「WebPそのものがアップロードできない」のか、「アップロードはできるが自動変換されない」のかを分けて確認してください。

WebPになっているか確認する方法

変換設定をしたら、実際のページでWebPが配信されているか確認します。

画像URLを確認する

画像URLの拡張子が「.webp」なら分かりやすいですが、CDNや動的配信ではURLが.jpgのままでもWebPを返す場合があります。

WordPressデータベースを最適化する方法

WordPressのデータベース最適化とは、不要になったリビジョン・ゴミ箱・期限切れTransientなどを整理し、必要に応じてデータベーステーブルの無駄な領域を整理する作業です。ただし、「最適化ボタンを押せば必ず表示速度が上がる」というものではありません。まず不要データを減らし、そのうえで本当にテーブル最適化が必要かを判断するのが安全です。30秒でわかる結論30秒でわかる結論WordPressのDB最適化は「不要データ削除」と「テーブル最適化」を分けて考える削除候補はリビジョン、ゴミ箱、スパムコメント、期限切れTransientな...

WordPress初期設定・使い方ガイド

WordPressをインストールした直後は、設定項目が多く「何から触ればいいのか分からない」と迷いやすいものです。このガイドでは、WordPressを始めた初心者が最初に確認したい設定と、記事投稿・固定ページ・メニュー・画像・ユーザー管理までの全体像を、読む順番に沿って整理します。すべてを一度に覚える必要はありません。まず公開前に必要な設定を済ませ、その後に記事を書くための操作を覚えるのが効率的です。30秒でわかる結論WordPress導入後は、まずサイト名・URL・パーマリンクなど公開前設定を確認する最初に全部の機能を覚...

ブラウザの開発者ツールで確認する

Networkタブで画像を選び、レスポンスヘッダーのContent-Typeを確認します。

この表示なら、実際にWebP形式の画像が返されています。

WebP化するときの注意点

元画像をすぐ削除しない

変換後に問題が見つかったとき、元画像がなければ再変換できません。少なくとも設定が安定するまでは元画像を残してください。

WordPressに画像をアップロードする方法｜サイズ・容量・altまで解説

WordPressに画像を入れる方法は難しくありません。記事編集画面から直接アップロードする方法と、先に「メディアライブラリ」へ登録してから使う方法があります。ただし、画像は入れ方だけでなく、ファイル容量・画像サイズ・altテキスト・削除方法まで理解しておくと、表示速度や管理のしやすさで困りにくくなります。30秒でわかる結論記事内へ画像を入れるだけなら「画像ブロック → アップロード」が最短すでに登録済みの画像は「メディアライブラリ」から再利用できる同じ画像を何度もアップロードせず、既存画像を再利用する画像サ...

WebP化だけで満足しない

横4000pxの画像をWebPにしただけでは、必要以上に大きな画像である問題は残ります。画像形式と表示寸法の両方を最適化します。

WebPとJPEG・PNGの違いとは？

WebP・JPEG・PNGは、Webサイトでよく使われる画像形式です。見た目は同じ画像でも、圧縮方法、ファイル容量、透過対応、画質の劣化しやすさが異なるため、用途に合った形式を選ぶことが重要です。初心者が最初に覚えるなら、写真はJPEGまたはWebP、透過が必要な画像や線のくっきりした図はPNGまたはWebPという考え方で十分です。30秒でわかる結論30秒でわかる結論JPEGは写真向けで、非可逆圧縮により容量を小さくしやすいPNGは可逆圧縮で、文字・図・透過画像に向くWebPは非可逆・可逆の両方に対応し、透過やアニメーションも扱える同...

AVIFとは？WebPとの違い・使い分けを解説

AVIFとは、Webサイトの画像を高画質のまま小さくしやすい新しい画像形式です。JPEG・PNG・WebPと同じようにWebページで使えますが、特に写真やグラデーションの多い画像を高い圧縮効率で保存しやすいことが特徴です。「WebPよりAVIFへ全部変えた方がよいのか」と迷うことがありますが、必ずAVIFが最適とは限りません。画像の種類、圧縮設定、生成時間、WordPress・サーバー側の対応を見て使い分けるのが基本です。30秒でわかる結論AVIFはAV1技術を利用した高圧縮の画像形式非可逆圧縮・可逆圧縮の両方に対応する透過、HDR、広色域、ア...

キャッシュを削除する

プラグイン・サーバー・CDNのキャッシュが残っていると、変換後も旧JPEGやPNGが配信されることがあります。

WordPressの不要画像を削除・整理する方法｜確認手順と注意点

WordPressを長く使っていると、記事で使わなくなった画像、重複アップロードした画像、テーマ変更前の画像などがメディアライブラリに増えていきます。不要画像を整理するとサーバー容量を減らしやすくなりますが、「未添付だから不要」と判断して一括削除するのは危険です。アイキャッチ、CSS、ウィジェット、テーマ設定、OGPなど、記事本文以外から参照されている画像もあるためです。30秒でわかる結論WordPressの不要画像整理は「削除候補を探す → 使用状況を確認 → バックアップ → 少量ずつ削除」が基本メディアライブラリの「未添...

OGP・商品画像も確認する

SNSシェア画像、商品画像、フォーム内画像などは、通常の記事画像とは別の仕組みで参照されている場合があります。

変換後の方が大きい画像は無理に使わない

画像内容や圧縮設定によっては、WebPにしてもほとんど小さくならない場合があります。元ファイルと容量を比較して判断します。

WebPとAVIFはどちらを使う？

AVIFはWebPより高い圧縮効率を得られる場合がある新しい画像形式です。

初心者は、まずWebPを正しく使える状態を作れば十分です。AVIFとの詳細な違いは別記事で扱います。

どんなサイトでWebP化の効果が大きい？

教科書判定

FAQ

まとめ

次に読む