WordPressでWebP画像を使う2つの方法

WebP画像フォーマットを使用すると、特に多数の画像を含むサイトの読み込み速度とパフォーマンスが大幅に向上します。Googleが開発したWebP画像フォーマット属高い圧縮率と高画質WebP画像は、現在、ウェブサイトのパフォーマンスを向上させるための一般的な選択肢です。この記事では、WordPressでWebP画像を使用する2つの方法について詳しく説明します。 EWWWイメージオプティマイザーそしてイマジファイ.

方法1：EWWW Optimiserの助けを借りて、WordPressでWebP画像を使用します。

EWWW Image Optimizerは、WebP画像形式をサポートし、自動的にサポートされているブラウザ上でそれらを表示する強力なWordPressの画像圧縮プラグインです。以下は、EWWW Image Optimizerを使用して画像をWebP形式に変換するための詳細な手順です：

ステップ 1: EWWW Image Optimizer プラグインのインストールと有効化

1. WordPressの管理画面にログインします。
2. プラグイン > 新規プラグインの追加に移動します。
3. 検索バーに「EWWW Image Optimizer」と入力し、プラグインを見つけて「インストール」をクリックします。

4. インストールが完了したら、「アクティベート」をクリックします。

ステップ 2: EWWW Image Optimizer プラグイン オプションの設定

1. プラグインを有効化した後、設定 > EWWW Image Optimiserページに移動します。
2. プラグインはインストールウィザードを表示しますが、"I know what I'm doing "リンクをクリックしてウィザードを終了することができます。

3. 下にスクロールして、WebP変換オプションの隣にあるチェックボックスをオンにします。
4. 変更を保存」ボタンをクリックして、設定を保存します。

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

1. WebP 変換セクションまでスクロールダウンしてください。

2. プラグインは赤いプレビュー画像を使って、いくつかの書き換えルールを表示します。

3. クリック "書き換えルールの挿入"ボタンをクリックすると、プラグインは自動的にこれらの書き換えルールを .htaccess ファイルに挿入しようとします。
4. プラグインがこれらのルールの追加に成功すると、赤色の画像プレビューが緑色に変わり、""が表示されます。ウェブピー「テキスト

ステップ4：リライトルールを手動で挿入する（必要な場合）

1. プラグインがルールを挿入できない場合は、プラグインの設定ページからリライトルールをコピーしてください。
2. とおす .htaccess ファイルの一番下にコピーしたルールを貼り付けます。
3. プラグインの設定ページに戻り、「変更を保存」ボタンをもう一度クリックします。

ステップ 5: 古い画像をWebPバージョンにバッチ変換

1. メディア＞ライブラリページを開き、リスト表示に切り替えます。
2. 画面オプション]ボタンをクリックし、[ページあたりの項目数]を999に変更します。

3. 上部にある「すべて選択」チェックボックスをクリックすると、すべての画像が選択されます。
4. Batch Actions］ドロップダウンメニューから［Batch Optimisation］オプションを選択し、［Apply］ボタンをクリックします。
5. 次の画面で、画像圧縮をスキップしてWebPのみに変換するオプションを選択します。

6. 最適化されていない画像をスキャン」ボタンをクリックし、「最適化」ボタンをクリックして続行します。

ステップ 6: WebP画像の配信テスト

1. 複数の画像を含むブログ記事を開きます。
2. 画像にカーソルを合わせて右クリックすると、新しいタブで開きます。
3. アドレスバーに拡張子 .webp.

方法2: Imagifyを使ってWordPressでWebP画像を使う

Imagifyは画像をWebP形式に変換することができます。以下は、Imagifyを使って画像をWebP形式に変換する詳細な手順です：

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

プラグインの新規追加検索ボックスに "Imagify "と入力し、プラグインを見つけて "インストール "をクリックして有効化してください。

ステップ 2: Imagifyプラグインオプションの設定

1. プラグインを有効化した後、設定 > Imagifyページに移動します。
2. クリック "無料のAPIキーを作成「ボタン

3. メールアドレスを入力し、APIキーが記載されたメールを受信箱で確認してください。

4. APIキーをコピーしてプラグインの設定ページに貼り付け、" "をクリックします。変更の保存「ボタン

ステップ 3: WebP 変換オプションを有効にする

1. 最適化] セクションまでスクロールし、[画像の Webp バージョンを作成する] および [Webp 形式の画像を Web サイトに表示する] オプションにチェックを入れます。

2. 適切な配信方法（.htaccess方式またはタグ方式）を選択してください。
3. Save and Go to Batch Optimiser」ボタンをクリックします。

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

1. Media > Batch Optimisation（メディア > バッチ最適化）ページに移動します。
2. このプラグインは、バックグラウンドで自動的にWordPressのすべての画像の最適化を開始します。
3. 最適化が完了するまで待ちます。

ステップ 5: WebP画像の配信テスト

1. 画像を含むページや投稿を開きます。
2. 画像にカーソルを合わせて右クリックし、「新しいタブで画像を開く」を選択します。
3. アドレスバーに拡張子 .webp.

WordPressでWebP画像を使用してWebサイトのパフォーマンスを向上させるには、上記のどちらの方法も効果的です。特定のニーズや使用しているプラグインに応じて、最適な方法を選択することで、画像の読み込みを高速化し、ユーザーにより良いブラウジング体験を提供することができます。