WordPress 用に JPG を WebP に変換する方法 (実際にサイトの速度を向上させる)
WordPress サイトが Core Web Vitals を引きずっている場合、ほとんどの場合、画像の重みが原因のトップ 3 に入ります。もしそうであれば、JPG を WebP に変換することは、午後に出荷できる最速の品質オブライフの 1 つです。
落とし穴: WordPress には、WebP アップロードに関するいくつかの鋭いエッジがあり、人々はそれを苦労して学びます。全体を見ていきましょう。
WebP に切り替える価値がある理由
WebP は Google の画像形式です。非可逆圧縮と可逆圧縮、透明度、アニメーションの両方をサポートしており、基本的に JPG、PNG、GIF を 1 つの形式に置き換えます。重要な点: WebP ファイルは通常、 JPG より 25 ～ 35% 小さい 同じ目に見える品質で。写真の多いブログ投稿では、3 MB ページと 2 MB ページの違いです。ヒーロー画像のあるホームページでは、LCP のしきい値に合格するか不合格になるかの違いになります。
2020 年以降、すべての主流ブラウザが WebP をサポートしています。視聴者が最新のもの (Chrome、Firefox、Safari 14 以降、Edge) を使用している場合、WebP はそのまま機能します。ほとんどのブラウザではフォールバックは必要ありません。
まず JPG を WebP に変換します (ツール部分)
これからアップロードする画像から始めます。それらを JPGからWebPへのコンバーター、デフォルトの 85% 品質 (良好なスイート スポット) を維持し、結果をダウンロードします。 WooCommerce 製品カタログのバッチをお持ちの場合は、一度に最大 20 個をロードします。ファイル名には新しい .webp 拡張子が付けられるため、置換は簡単です。
ウェブ向けの適切な品質
ほとんどの人が到達するのは、85% の品質の WebP です。 90% はかろうじて大きくなり、かろうじて良くなります。詳細に検査すると、75% で平らな領域に目に見えるアーチファクトが見られます。サムネイルまたは非常に優先度の低いアセットを準備している場合にのみ、75% を下回ります。
次に WordPress にアップロードします (ここが奇妙な点です)
デフォルトでは、WordPress はバージョン 5.8 以降まで WebP アップロードを拒否します。 5.8 以降を使用している場合は問題ありません。他の画像と同様に、WebP をメディア ライブラリにドロップします。古い WordPress を使用している場合は、「申し訳ありませんが、このファイルの種類は許可されていません」というエラーが表示されます。
これを回避する 2 つの方法:
- WordPressを更新する。 2026 年に 5.7 以前を実行している場合は、セキュリティ アップデートだけでも価値があります。
- プラグインをインストールする。 WebP Express または Imagify はどちらも WebP サポートを追加します。また、WebP Express は、WebP をサポートするブラウザに WebP を自動的に提供し、元の JPG をフォールバックとして保持します。
注意点: 特定の拡張機能を参照する WordPress テーマ
一部の古いテーマでは、CSS または PHP で画像拡張子をハードコードしています (.jpg または .png が必要です)。同じベース ファイル名を持つ .webp をアップロードすると参照が置き換えられますが、テーマが特に「hero.jpg」を探している場合、WebP は表示されません。常に最初にステージングでテストしてください。
新しいブロックテーマはこれをきれいに処理します。古いテーマ (特に特注のカスタム テーマ) では、CSS の調整が必要になる場合があります。
既存の画像を変換する必要がありますか、それとも新しい画像だけを変換する必要がありますか?
規模により異なります。
小規模なサイトの場合 (画像が 100 枚未満): すべてを変換します。サイトの健全性の改善には午後の価値があります。
大規模なサイトの場合 (数千の画像): ShortPixel や Imagify などのプラグインを使用して、メディア ライブラリをその場で一括変換します。オリジナルをフォールバックとして保持し、サポートされている場合には WebP を提供します。何千ものファイルを手動で変換するのは時間の無駄です。
eコマースストアの場合: カテゴリページと売れ筋商品を最初に優先します。これらのページはトラフィックが最も多く、Core Web Vitals への影響が大きくなります。
AVIFはどうですか？
AVIF は WebP よりもさらに安く、通常はさらに 20% オフです。 2026 年のブラウザ サポートは約 92% です (Safari はこれに加え、Chrome と Firefox は何年も前からサポートしています)。エッジ用の WebP フォールバックを使用して、可能な限り小さいファイルを最新のブラウザーに提供したい場合、それが大手コンテンツ サイトで使用されるパターンです。最後の 1 キロバイトにこだわる必要のない WordPress サイトの場合、WebP だけが優れた実用的な解決策となります。
改善のテスト
切り替え後、重要なページの 1 つを実行してください。 ページスピードに関する洞察 LCP (Largest Contentful Paint) スコアを確認します。ヒーロー画像が多いランディング ページでは、ヒーロー JPG を WebP に変換すると、通常、LCP が 0.3 ～ 0.6 秒短縮されます。通常、Core Web Vitals レポートで「改善が必要」から「良好」に移行するには、これで十分です。
Google の Search Console は、Core Web Vitals フィールド データも報告します。変更後 2 ～ 3 週間待って、更新された実際のユーザーの指標を確認してください。
結論
新しい画像をアップロードする前に WebP に変換します。サイトが大規模な場合は、プラグインを使用して既存のメディアを一括変換します。 WordPress を更新するか、古いバージョンを使用している場合は WebP プラグインを追加します。テーマがカスタムの場合は、最初にステージングでテストします。帯域幅の節約は、ページの高速化、コア ウェブ バイタルの改善、ユーザーの満足度の向上などの効果をもたらします。
今すぐJPGをWebPに変換します
最大 20 個の JPG をドロップし、デフォルトで 85% の品質で WebP ファイルを取得します。無料利用枠は最大 10 MB、Pro は 1 GB までのファイルを処理します。