WordPress画像をWebPに変換する方法｜無料プラグイン・一括変換・確認方法を解説

WordPressで画像を多く使用していると、「JPEGやPNGをWebPへ変換した方がよい？」「既存画像をまとめてWebPにできる？」と悩むことがあります。

WordPressではWebP画像を利用でき、無料プラグインを使えば、既存画像の一括最適化や新しくアップロードする画像の自動変換も可能です。

ただし、WebPへ変換すれば必ず容量が小さくなるわけではありません。元画像のサイズ・圧縮状態・画質設定も含めて最適化し、変換後に実際のファイル容量と配信形式を確認することが重要です。

この記事では、WordPress初心者向けにWebPの特徴から3つの変換方法、既存画像の一括変換、WordPress 7.1の画像処理、変換後の確認方法まで順番に解説します。

WebPとは？WordPress画像を軽量化できる画像形式

WebP（ウェッピー）は、Web上で画像を効率よく配信するための画像形式です。非可逆圧縮（画像情報の一部を省いて容量を減らす方式）と可逆圧縮（元の画像情報を維持して圧縮する方式）の両方に対応しています。

Googleの公式資料では、同等のSSIM（画像の構造的な類似度を評価する指標）を基準とした比較で、非可逆WebPはJPEGより25～34％、可逆WebPはPNGより26％小さくなった結果が示されています。

ただし、この数値は一定の条件による比較結果です。すべてのJPEG・PNG画像がWebPへ変換するだけで25～34％小さくなるという意味ではありません。

WebPは透過（アルファチャンネル）にも対応しており、現在はChrome、Safari、Firefox、Edge、Operaなど主要ブラウザで利用できます。

WordPress画像をWebPにするメリット

WordPressでWebPを利用する主な目的は、必要な画質を維持しながら画像データの転送量を抑え、ページを軽量化することです。

画像のファイル容量を削減できる可能性がある

画像の縦横サイズや見た目が近い状態でも、JPEG・PNGからWebPへ変換することでファイル容量を削減できる場合があります。

写真やアイキャッチ画像を多数掲載するサイトでは、1ページで読み込む画像の合計容量が大きくなりやすいため、画像形式と圧縮設定の見直しが有効です。

一方、すでに十分圧縮されたJPEGなどでは、WebPへ変換しても容量差が小さかったり、設定によっては逆に大きくなったりする場合があります。

ページ表示時の画像転送量を抑えられる

WebP変換によって画像ファイルが小さくなれば、ブラウザがダウンロードするデータ量も減らせます。

特に画像が多いページでは表示パフォーマンスの改善につながる可能性があります。

ただし、ページ速度は画像だけで決まりません。サーバー応答時間、JavaScript、CSS、Webフォント、キャッシュなども影響するため、WebPはサイト高速化施策の一つとして考えるのが適切です。

透過画像にも利用できる

WebPはアルファチャンネル（画像の透明度を保存する情報）に対応しています。

そのため、用途によってはPNGからWebPへ変換し、背景の透過を維持しながら容量を削減できる場合があります。

WordPressでWebPを使う方法は主に3つ

WordPressでJPEG・PNG画像をWebPとして利用する代表的な方法は次の3つです。

すでに大量の画像がある初心者には、既存画像の一括最適化に対応したプラグインが分かりやすい方法です。

一方、新しく追加する数枚の画像だけをWebPにしたい場合は、WordPressへアップロードする前にWebPへ変換する方法でも十分です。

方法1：無料プラグインでWordPress画像をWebPに変換する

すでにWordPressへ大量のJPEG・PNG画像をアップロードしている場合は、既存画像をまとめて処理できる画像最適化プラグインが便利です。

2026年10月7日時点では、WordPress.org公式プラグインディレクトリで「Converter for Media – Optimize images | Convert WebP & AVIF」が公開されています。

Converter for Mediaは、既存のメディアライブラリを一括最適化できるほか、新しくメディアライブラリへ追加した画像の自動変換にも対応しています。

公式説明では、変換されたWebP・AVIFファイルは元画像とは別に保存され、元画像自体は変更しない仕組みとなっています。

1. 変換前にバックアップを取る

既存画像をまとめて処理する前に、WordPressのファイルとデータベースをバックアップしておきましょう。

画像最適化プラグインによってファイル生成や配信方法が変更されるため、問題が発生した際に元の状態へ戻せるようにしておくと安全です。

2. WebP対応プラグインをインストールする

WordPress管理画面から「プラグイン」→「新規プラグインを追加」を開き、利用する画像最適化プラグインを検索します。

プラグインを選ぶ際は、WebPへ変換できるかだけでなく、次の項目も確認してください。

• 新規アップロード画像を自動変換できるか
• 既存画像を一括処理できるか
• 元画像を保持するか
• WebPだけでなくAVIFにも対応するか
• 無料版に変換回数・容量などの制限があるか
• 使用中のWordPressバージョンでテストされているか
• 利用中のサーバー・CDN環境に対応しているか

プラグインの機能や無料・有料の範囲は変更される可能性があります。導入時にはWordPress.orgの最新情報も確認してください。

3. WebPへの変換設定を確認する

プラグインを有効化したら、出力形式、画質、元画像の保持、画像の配信方式などを確認します。

最初から元画像を削除する方式を選ぶより、WebPが正常に生成・配信されていることを確認できるまでは元画像を保持しておく方が安全です。

4. 既存画像を一括最適化する

Converter for Mediaでは、一括最適化機能を利用して既存のメディアライブラリを処理できます。

画像数が多いサイトでは処理対象も増えるため、実行前にバックアップを取り、利用しているサーバーやプラグインの仕様も確認してください。

処理完了後は管理画面の表示だけで判断せず、実際の公開ページでWebPまたは設定したモダン画像形式が配信されているか確認します。

方法2：WebPへ変換してからWordPressにアップロードする

「プラグインを増やしたくない」「新しく追加する画像だけWebPにしたい」という場合は、画像を事前にWebPへ変換してからWordPressへアップロードできます。

基本的な流れは次のとおりです。

1. 元のJPEG・PNG画像を用意する
2. 実際の表示用途に合わせて縦横サイズを調整する
3. WebP形式で書き出す
4. 変換前後のファイル容量と画質を比較する
5. WebPファイルをWordPressへアップロードする

ここで重要なのは、WebPへ変換するだけでなく画像の縦横サイズも適正化することです。

たとえば記事内で960px程度の横幅しか必要ない画像を数千pxのまま保存すると、WebPに変換しても不要に大きな画像データを保持する可能性があります。

「適切な縦横サイズにする→圧縮する→容量と画質を確認する」という順序で最適化すると効率的です。

方法3：WordPressの機能を使ってJPEGからWebPを生成する

WordPressには「image_editor_output_format」というフィルター（WordPress内部の処理内容をコードから変更する仕組み）があり、画像エディターの出力形式を変更できます。

WordPress公式の開発者向け資料では、JPEGからWebPへ出力形式を変更する例として、次のような設定が案内されています。

function map_jpeg_to_webp( $mappings ) {
    $mappings['image/jpeg'] = 'image/webp';
    return $mappings;
}
add_filter( 'image_editor_output_format', 'map_jpeg_to_webp' );

この方法では、画像処理環境がWebP出力をサポートしている必要があります。

また、PHPコードを扱うため、初心者が確認せずテーマの「functions.php」へ直接追加する方法はおすすめしません。コードの記述ミスやテーマ変更の影響を避けるため、子テーマや専用プラグインなど適切な方法で管理してください。

コードを変更せずWordPress管理画面から設定したい場合は、WebP対応の画像最適化プラグインを利用する方が簡単です。

WordPress 7.1ではブラウザ側の画像処理に対応

WordPress 7.1では、クライアントサイドメディア処理（画像処理の一部をサーバーではなく利用者のブラウザ側で行う仕組み）が導入されています。

対応環境ではWebAssembly（Webブラウザ上で高速な処理を実行する技術）を利用し、画像の圧縮・リサイズ・切り抜き・形式変換・回転・サムネイル生成などをブラウザ側で処理できます。

JPEG、PNG、WebP、AVIF、GIFなどが処理対象に含まれ、既存の「image_editor_output_format」による形式変換設定もクライアント側処理で反映されます。

ただし、WordPress 7.1へ更新しただけで、すべてのJPEG・PNG画像が自動的にWebPへ変換されるわけではありません。

JPEG→WebPなどへ自動変換したい場合は、出力形式を変更する設定や対応プラグインなどが必要です。

また、クライアントサイド処理を利用できない環境では従来のサーバー側処理へフォールバック（利用可能な別方式へ切り替える処理）します。

WordPress 7.1全体の変更内容は、WordPress 7.1の新機能・変更点まとめも参考にしてください。

「Modern Image Formats」でWebP・AVIFを生成する方法もある

WordPress Performance Teamが公開している無料プラグイン「Modern Image Formats」も、WordPressでWebP・AVIFを利用する選択肢です。

2026年10月7日時点の公式説明では、ホスティング環境がAVIFに対応している場合はAVIF、対応していない場合はWebPがデフォルトの出力形式になります。両方を利用できる環境では「設定」→「メディア」から出力形式を選択できます。

基本的にモダン画像形式が生成されるのは新しくアップロードした画像です。

既存画像については、画像サイズを再生成することでモダン画像形式へ変換できます。公式説明では、Regenerate ThumbnailsなどのプラグインやWP-CLI（コマンドラインからWordPressを操作する仕組み）の「wp media regenerate」が例として案内されています。

そのため、「既存画像を管理画面からまとめて簡単に最適化したい」という初心者の場合は、専用の一括最適化機能を持つプラグインの方が操作しやすいケースがあります。

WebP変換後に本当にWebPが使われているか確認する方法

プラグインで「変換完了」と表示されても、公開ページで実際にWebPが配信されているかは別途確認することをおすすめします。

キャッシュやCDN（画像などのデータを複数の配信拠点から届ける仕組み）、Webサーバー設定、画像最適化プラグインの配信方式などによって、表示される画像形式が変わる場合があるためです。

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

Chromeなどの開発者ツールでは、次の手順で確認できます。

1. WebPを確認したい公開ページを開く
2. 開発者ツールを開く
3. 「Network」を選択する
4. ページを再読み込みする
5. 「Img」などで画像ファイルに絞り込む
6. 対象画像の「Type」やレスポンスの「Content-Type」を確認する

対象画像が「webp」または「image/webp」として配信されていれば、WebPが使用されていると判断できます。

画像URLの拡張子だけで判断しない

画像最適化プラグインによっては、HTMLに記載される画像URLが「.jpg」のままでも、対応する環境へWebPデータを返す方式があります。

そのため、URL末尾が「.webp」になっているかだけで判断するのではなく、実際のレスポンスのContent-Typeを確認する方法が確実です。

WordPress画像をWebPにするときの注意点

WebPは便利ですが、すべての画像を機械的に変換すればよいわけではありません。

WebPに変換すれば必ず軽くなるわけではない

WebPは高効率な画像形式ですが、元画像がすでに十分圧縮されている場合や変換設定によっては、期待したほど容量が減らない場合があります。

変換前後のファイル容量を比較し、必要な画質を維持できているか確認してください。

画質を下げすぎない

ファイル容量だけを優先して圧縮率を高くしすぎると、画像の文字や細部がぼやけることがあります。

特にWordPressやWebサービスの操作画面、図解、商品画像など、細部の視認性が重要な画像では実際の表示サイズで確認してください。

既存画像の一括処理前にバックアップする

画像最適化プラグインは、元画像を保持して別ファイルを生成するものや、画像URL・配信処理に変更を加えるものなど仕組みが異なります。

既存メディアを大量に処理する場合は、アップロードフォルダとデータベースをバックアップしてから実行すると安全です。

キャッシュを削除して確認する

変換後も古いJPEGやPNGが表示される場合は、WordPressのキャッシュプラグイン、レンタルサーバー、CDN、ブラウザなどに古いデータが残っている可能性があります。

必要なキャッシュを削除してから再度確認してください。

複数の画像最適化機能を重複させない

WordPressテーマ、キャッシュプラグイン、画像最適化プラグイン、CDNなどがそれぞれWebP・AVIF変換機能を持っている場合があります。

複数の変換・配信機能を同時に利用すると、画像URLの書き換えやキャッシュ処理などが競合する可能性があります。

WebP化する前に、現在どの機能が画像変換と配信を担当しているのか確認しておきましょう。

▶エマノン公式サイトを見る

JPEG・PNG・WebPはどう使い分ける？

WordPressサイトだからといって、すべての画像を必ずWebPへ変換する必要はありません。

「用途に合った縦横サイズ」「変換後の容量」「必要な画質」の3点を確認しながら画像を最適化することが重要です。

初心者ならどのWebP変換方法を選べばよい？

どの方法を使うか迷った場合は、現在の画像管理方法から選ぶと分かりやすくなります。

• 既存画像が大量にある：一括最適化に対応した画像最適化プラグイン
• 今後追加する画像も自動処理したい：新規アップロード時の自動変換に対応したプラグイン
• 追加する画像が少ない：WordPressへアップロードする前にWebPへ変換
• WebP・AVIFをWordPress上で管理したい：Modern Image Formatsなどを検討
• コードを管理できる：image_editor_output_formatによる出力形式の制御

初心者の場合は、まずバックアップを取り、少数の画像で「表示」「画質」「容量」「実際の配信形式」を確認してからサイト全体へ適用すると安全です。

なお、WebPを含む画像最適化はサイト高速化の一要素です。WordPress全体の表示速度にはサーバー性能も関係するため、サイト基盤から見直す場合はWordPress向けレンタルサーバーの選び方も参考にしてください。

WordPressのWebP変換についてよくある質問

WordPressはWebP画像をそのままアップロードできますか？

はい。WordPressはバージョン5.8からWebP画像のアップロード・利用を正式にサポートしています。

ただし、サーバーの画像処理環境や利用しているプラグインによって、サムネイル生成や変換処理の挙動が異なる場合があります。

JPEGやPNGを全部WebPにした方がよいですか？

必ずしもすべて変換する必要はありません。

変換後の方がファイル容量を小さくでき、用途に必要な画質を維持できる画像をWebPにするという考え方が適切です。

WebPにするとSEO順位が上がりますか？

WebPへ変換しただけで検索順位が上がるとは断定できません。

画像軽量化によって転送量やページ表示パフォーマンスを改善できる可能性があるため、Webサイト全体のパフォーマンス改善施策の一つとして利用します。

無料でWebPへ変換できますか？

はい。無料で利用できるWordPressプラグインや、WebPへ書き出せる画像編集・変換ツールがあります。

ただし、プラグインによって無料版の機能、変換方式、対応形式などが異なるため、導入時点の公式仕様を確認してください。

すでにアップロードした画像もWebPにできますか？

はい。既存メディアの一括最適化に対応するプラグインを利用できます。

Modern Image Formatsのように既存画像では画像サイズの再生成が必要になるプラグインもあるため、導入するプラグインの既存画像への対応方法を確認してください。

WordPress 7.1なら画像は自動でWebPになりますか？

いいえ。WordPress 7.1では画像の形式変換を含むクライアントサイドメディア処理が導入されていますが、更新するだけですべてのJPEG・PNGが自動的にWebPへ変換されるわけではありません。

JPEG→WebPなどへ変換するには、対応する出力形式設定やプラグインなどが必要です。

まとめ｜WordPress画像はWebP変換とサイズ最適化をセットで考えよう

WordPressではWebP画像を利用でき、既存のJPEG・PNGをWebPへ変換する方法も複数あります。

既存画像が多い場合は一括最適化に対応したプラグイン、新しく追加する画像が少ない場合はアップロード前のWebP変換が分かりやすい方法です。

ただし、重要なのは拡張子をWebPへ変更することだけではありません。

• 用途に合った縦横サイズへリサイズする
• 変換前後のファイル容量を比較する
• 必要な画質を維持できているか確認する
• 公開ページで実際にWebPが配信されているか確認する
• 既存画像を一括処理する前にバックアップする
• 複数の画像最適化機能を重複させない

WebPへの変換と画像サイズ・画質・配信方法の確認をセットで行うことで、WordPress画像を安全かつ効率的に最適化できます。

あわせて読みたい記事

次に知りたいことや、役立つ情報をまとめました。

【WordPress】Web制作

【WordPress】おすすめ無料プラグイン70選｜入れ方・選び方・便利な拡張機能を用途別に紹介

WordPressで使える無料プラグインを用途別に約70種類紹介します。基本的な導入方法から、セキュリティ・SEO・高速化・お問い合…

記事を読む →

【WordPress】Web制作

【Googleアドセンス】パブリッシャーID (pub)「サイト運営者ID」がある場所と確認方法【WordPressブログ収益化】

GoogleAdSense(グーグルアドセンス)における「サイト管理者ID(パブリッシャーID)」の確認方法をまとめています。ブログ…

記事を読む →

【WordPress】Web制作

【Googleアナリティクス】複数サイトを一括管理する方法｜プロパティ追加後のURL削除手順【WordPress】

こちらの記事では、【GoogleAnalytics (グーグルアナリティクス)】に複数サイトを追加して、プロパティで一括管理する方法…

記事を読む →

関連記事の一覧を見る →