WordPressの画像をWebPに変換する方法｜SWELLで使う2つの方法

2026年9月4日2026年9月25日

WordPressの画像をWebPに変換。アップロード前・プラグイン 2つの方法

WordPressにJPEGやPNGの画像をアップロードしたあと、「WebPにしたほうがよい」と知って、SWELLの設定を探した方もいると思います。

SWELLには、JPEGやPNGをWebPへ変換する機能はありません。また、WordPressもWebP画像のアップロードには対応していますが、JPEGやPNGを自動でWebPに変換するわけではありません。

SWELLを使っているサイトでWebP画像を使う方法は、大きく分けて次の2つです。

WordPressへアップロードする前に、画像をWebPへ変換する
画像変換プラグインを導入し、WordPress上で変換する

この記事では、WebPに変換するメリット、2つの方法の選び方、プラグインを導入したのに反映されない場合の確認方法まで説明します。

※WordPress、SWELL、各プラグインの仕様は変わることがあります。本記事は2026年9月時点の内容です。

WebPに変換するメリット

WebPは、JPEGやPNGよりファイルサイズを小さくしやすい画像形式です。

Googleの公式資料では、可逆圧縮のWebPはPNGより約26％、非可逆圧縮のWebPは同等の画質のJPEGより約25〜34％小さくなると説明されています。

参考：An image format for the Web｜Google for Developers

画像を軽くすると、ページを開いたときに読み込むデータ量を減らせます。記事内に大きな写真や図解を何枚も載せているサイトほど、効果を感じやすくなります。

主なメリットは次の3つです。

ページで読み込むデータ量を減らせる
画像が多いページの表示を軽くしやすい
JPEGのような写真にも、PNGのような透過画像にも使える

ただし、WebPに変換するだけで、必ず表示速度や検索順位が上がるわけではありません。横幅が必要以上に大きい画像は、WebPにしても重いままです。

画像をアップロードする前に、表示する大きさに合わせてリサイズし、そのうえでWebPへ変換するのが基本です。

WebPへ変換する2つの方法

どちらの方法が合うかは、これから追加する画像を変換したいのか、過去にアップロードした画像もまとめて変換したいのかで決まります。

方法	向いている場合	特徴
アップロード前に変換する	これから追加する画像が中心	プラグインを増やさずに運用できる
プラグインで変換する	過去の画像が多い／毎回の変換を自動化したい	既存画像の一括変換や自動変換ができる

記事数や画像数がまだ少ない場合は、アップロード前に変換する方法から始められます。すでに多くの画像をアップロードしている場合は、プラグインを使うほうが作業を減らせます。

WebPにする2つの方法の流れ。方法1はリサイズ、cwebpで変換、アップロードの順。方法2はアップロードしてからプラグインで変換。どちらも最後にcontent-typeで確認する

WordPressとSWELLだけでは自動変換されない

WordPressは、バージョン5.8からWebP画像のアップロードと表示に対応しています。

これは、WebP形式の画像をメディアライブラリへ追加できるという意味です。JPEGやPNGをアップロードしたときに、自動でWebPへ変換する機能が有効になるわけではありません。

参考：WordPress 5.8 adds WebP support｜Make WordPress Core

WordPressには、生成する画像の形式を変更するimage_editor_output_formatという仕組みがあります。ただし、JPEGからWebPへの変換を利用するには、コードやプラグインによる設定が必要です。

参考：image_editor_output_format｜WordPress Developer Resources

SWELLについても、ローカル環境にあるv2.16.0のテーマファイルを確認しましたが、JPEGやPNGをWebPへ変換する処理は見つかりませんでした。

SWELLの高速化設定にある画像の遅延読み込みは、画像を読み込むタイミングを調整する機能です。画像形式をWebPへ変換する機能ではありません。

したがって、SWELLを使っているだけで画像が自動的にWebPになることはありません。アップロード前に変換するか、画像変換プラグインを追加します。

方法1：アップロード前にWebPへ変換する

新しく追加する画像が中心なら、WordPressへアップロードする前にWebPへ変換する方法が分かりやすいです。

moreo noteでは、この方法を使っています。調査時点でメディアライブラリにある画像289件のうち241件がWebPで、直近に追加した30件はすべてWebPでした。画像変換プラグインは使用していません。

Macでcwebpを使う

Macでは、Googleが提供しているcwebpを使って変換できます。Homebrewを利用している場合は、次のコマンドでインストールします。

brew install webp

1枚の画像を変換するコマンドは次のとおりです。

cwebp -q 85 input.png -o output.webp

-qは画質を指定する数値で、0〜100の範囲で設定します。85は始めやすい目安ですが、画像によって適した値は変わります。変換後は、文字や細い線が崩れていないかを確認してください。

実際に1,666×944ピクセルの図解を画質85で変換したところ、1,623KBのPNGが104KBのWebPになりました。画像によって結果は変わりますが、ファイルサイズを大きく減らせる場合があります。

フォルダ内の画像をまとめて変換する

記事で使う画像を1つのフォルダにまとめている場合は、次のコマンドでPNGとJPEGを一括変換できます。

find . -maxdepth 1 \( -iname '*.png' -o -iname '*.jpg' -o -iname '*.jpeg' \) \
  -exec sh -c 'cwebp -quiet -q 85 "$1" -o "${1%.*}.webp"' _ {} \;

元のPNGやJPEGは削除されず、同じ名前のWebPが追加されます。変換後の表示を確認するまでは、元画像を残しておきます。

Claude Codeに変換を頼む

コマンドを毎回入力したくない場合は、画像が入っているフォルダでClaude Codeを起動し、次のように依頼できます。

このフォルダにあるPNGとJPEGを、画質85でWebPに変換してください。

条件：
- 元のファイルは削除しない
- 画像の縦横サイズは変更しない
- 変換前と変換後のファイルサイズを一覧で表示する
- 変換に失敗したファイルがあれば、その名前と原因を表示する

変換後の容量だけでなく、実際の画像も開いて確認します。図解では文字や線、写真では人物の輪郭やグラデーションを見ると、画質の変化に気づきやすくなります。

Macで画像を1枚ずつ変換する方法は、Macのスクリーンショット形式を変更する方法でも紹介しています。

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

過去にアップロードした画像が多い場合や、今後の変換を自動化したい場合は、画像最適化プラグインを使います。

候補になるプラグインは次の3つです。

プラグイン	向いている場合	主な特徴
Converter for Media	WebP変換を簡単に始めたい	新規画像の自動変換と既存画像の一括変換に対応。元画像を残して別の場所に変換画像を生成する
EWWW Image Optimizer	圧縮やリサイズもまとめて行いたい	画像圧縮、リサイズ、WebP変換などをまとめて設定できる
Imagify	サーバーではなく外部サービスで処理したい	クラウド側で画像を最適化する。無料枠には容量制限がある

参考：

WebPへの変換と既存画像の一括処理を主な目的にするなら、Converter for Mediaは候補にしやすいプラグインです。画像の圧縮やリサイズまで1つの画面で管理したい場合は、EWWW Image Optimizerのほうが機能をまとめやすくなります。

プラグインの料金や無料枠、動作要件は変わるため、インストール前に公式ページで現在の条件を確認してください。