WordPressでWebP画像を使用してサイトの速度とパフォーマンスを向上させる2つの簡単な方法

ウェブピー は、高画質を維持しながらファイルサイズを縮小し、ウェブサイトのパフォーマンスを向上させる最新の画像フォーマットです。画像を ワードプレスウェブサイトを効果的に使用するには、追加のツールやプラグインが必要な場合があります。

詳しくはこちらの記事をご覧ください。 つの方法これにより、WordPress ウェブサイトで WebP 画像を使用する際に、画像の品質を損なうことなくウェブサイトのパフォーマンスを最適化できます。

WebPとは何ですか？

WebPはGoogleによって開発された最新の画像フォーマットで、従来のJPEGやPNGフォーマットと比較して、WebP画像ファイルのサイズを25%-34%削減し、画質をほとんど、または全く損ないません。その優れた圧縮性能により、WebPはWebサイトを高速化する理想的なツールとして広く認知されています。

WebP、PNG、JPEG：WordPressウェブサイトに最適な画像フォーマットの選択

7月22日 11:36

03690

ほとんどの最新ブラウザ（Google Chrome、Firefox、Microsoft Edgeなど）はWebPをサポートしていますが、一部の古いブラウザはWebPをサポートしていません。そのため、互換性を確保するためにフォールバックソリューションを設定する必要がある場合があります。

なぜWordPressでWebPを使うのですか？

WebP画像を使用することにはいくつかの利点があります：

1. ウェブサイトのパフォーマンスを向上させます： ファイルサイズが小さいほど、ページロードが速くなり、ユーザーエクスペリエンスとSEOランキングが向上します。
2. 帯域幅使用量の削減： 圧縮ファイルはサーバーリソースを節約し、特にトラフィックの多いサイトに適しています。
3. SEOの優位性： 高速化されたウェブサイトは、通常、検索エンジンのランキングでより良いパフォーマンスを発揮します。

WordPressでWebP画像を使う方法（2通り）

方法1：EWWW Image Optimizerプラグインを使用します。

EWWW Image Optimizerは、WordPress用の強力な画像最適化プラグインです。WebP形式をサポートし、サポートされているブラウザのために自動的にWebP画像を表示することができます。

ステップ1：プラグインのインストールと有効化

1. WordPressのバックエンドにログインします。
2. 入り込む プラグイン > プラグインのインストール.
3. EWWW Image Optimizer」で検索してください。

4. 打点 取付プラグインを有効にしてください。

ステップ 2: WebP 変換の設定

1. 入り込む 設定 > EWWW Image Optimizer ページ

2. スクロールダウンして "WebP変換"オプションにチェックを入れてください。

3. 打点 変更の保存 ボタンを押して設定を保存します。

ステップ 3: 書き換えルールの挿入

1. で "WebP変換「セクションをクリックします。 書き換えルールの挿入 ボタンをクリックすると、プラグインはそのルールを .htaccess ドキュメンテーション

2. ルールが正常に挿入されると、プレビュー画像が緑色に変わり、" "が表示されます。ウェブピー"言葉"。
3. 失敗した場合は、手動でルールをコピーする必要があります。に貼り付けます。 .htaccess ドキュメントの一番下。

ステップ 4: 古い画像の一括変換

1. 切り替える メディア > ライブラリーリストビューに切り替えます。
2. ページ上部をクリック 満場 チェックボックスをオンにすると、すべての画像が選択されます。
3. バッチ最適化」オプションを選択し アプライアンス.

4. このプラグインは自動的に画像を最適化し、WebPバージョンを生成します。

方法2: Imagifyプラグインを使用

イマジファイ 帰属 WPロケット チームによって開発された画像最適化プラグインです。画像を簡単にWebP形式に変換し、互換性を確保するためにさまざまな配信方法を提供します。

ステップ1：プラグインのインストールと有効化

1. WordPressのバックエンドにログインします。
2. 入り込む プラグイン > プラグインのインストール.
3. Imagify」で検索。
4. 打点 取付プラグインを有効にしてください。

ステップ 2: プラグインの設定

1. 切り替える 設定 > Imagify ページ
2. 打点 無料のAPIキーを作成メールアドレスを入力してください。

3. メールをチェック、コピー＆ペーストAPIキープラグインの設定ページに移動します。
4. 下にスクロールして、"画像の WebP バージョンの作成「そしてWebP形式の画像の表示「オプション

ステップ3：配送方法の選択

1. オプション .htaccessメソッド(より速い）または ラベリング方法(CDNを使用しているサイトの場合）。
2. 変更を保存し、バッチ最適化を開始します。

ステップ4：画像のバッチ最適化

1. 切り替える メディア > バッチ最適化 ページ
2. このプラグインは、既存のすべての画像を自動的に最適化し、WebP バージョンを生成します。

WebP画像を使用していることを確認する方法

1. 複数の画像を含むページや投稿を開きます。
2. 画像を右クリックし、「新しいタブで画像を開く」を選択します。
3. 新しいタブで、アドレスバーにある画像の拡張子を表示します。表示が .webpWebP 画像を使用している場合、あなたのサイトは正常に WebP 画像を使用しています。

￥9.99超詳しいナニワのチュートリアル：WordPressでWebP画像を変換して、ウェブサイトを高速化する方法を教えます。

10月9日 15:11

018W+6W+

概要

WordPressでWebPを使用するには、EWWW Image OptimizerやImagifyなどのプラグインを使用します。これらのプラグインは、WebP変換をサポートするだけでなく、互換性を確保するためのフォールバックオプションを使用して、サポートされているブラウザにWebP画像を自動的に提供します。