WordPressでWebP画像をアップロードする方法

WebPは、高品質を維持しながらファイルサイズを小さくした最新の画像フォーマットです。WebP画像を使用することで、ウェブサイトのパフォーマンスと読み込み速度を大幅に向上させることができます。ここでは、WordPressでWebP画像をアップロードする方法についての詳細なチュートリアルです。

なぜWebP形式の画像を選ぶのか？

• ファイルサイズが小さいJPEGやPNGに比べて、WebP画像はファイルサイズが小さく、帯域幅の消費を抑えることができます。
• 高品質: WebPは小さなファイルサイズで高画質を維持します。
• SEOの利点読み込み速度が速くなれば、ユーザー体験が向上し、SEOにも役立ちます。

WordPressでWebP画像をアップロードする方法

ワードプレス5.8以上

• WebPアップロードのサポートWordPress 5.8以上では、プラグインを追加することなくWebP形式の画像を直接アップロードできます。
• 互換性この機能を利用するには、WordPressを最新バージョンにアップデートしてください。

ワードプレス5.8以下

• WebPアップロードはサポートされていません。デフォルトでは、WordPressの5.8以下のバージョンはWebPフォーマットをサポートしていないため、プラグインが必要です。

1.プラグインを使用してWebPサポートを有効にする

推奨プラグイン：WebP Express

• WebP Expressプラグインのインストール::
  1. WordPressの管理画面にログインします。
  2. " に移動します。プラグイン" > "新しいプラグインのインストール".
  3. WebP Express "を検索し、""をクリックします。現在インストール中".
  4. インストールが完了したら、"アクティブ化「プラグイン

• WebP Express プラグインの設定::
  1. WordPress管理画面のバックエンドで、"セットアップ" > "WebP Express".
  2. 設定ページでは、WebP画像の画質とキャッシュポリシーを設定できます。
  3. 設定を保存します。

2.既存の画像をWebP形式に変換する 🔄。

プラグインを使用：コンバーター・フォー・メディア

• コンバーター・フォーメディア・プラグインのインストール::
  1. " に移動します。プラグイン" > "新しいプラグインのインストール.
  2. コンバーター・フォー・メディア」を検索し、「」をクリックする。現在インストール中".
  3. インストールが完了したら、"アクティブ化「プラグイン

• 画像の変換::
  1. WordPress管理画面のバックエンドで、"メディア" > "メディア用コンバーター".
  2. クリック "変換開始"ボタンをクリックすると、既存のJPEGやPNG画像をWebP形式に変換できます。
  3. 変換が完了するまで待つ。

3.WebP画像のアップロード

プラグインを有効にすると、他のフォーマットと同じようにWebP画像を直接アップロードできます。

方法1：プラグインを使う

プラグインを使う方が簡単です。WebPアップロードをサポートする人気のプラグインをいくつか紹介します：

1. メディア置換の有効化このプラグインは、WebP画像をアップロードできるだけでなく、既存のメディアファイルを置き換えることもできます。
2. イマジファイこれは、WebP形式でのアップロードと変換をサポートする画像最適化プラグインです。
3. スマッシュ画像を最適化し、WebP形式をサポートするもう一つのプラグイン。

たとえばSmushプラグイン：

1. WordPressのダッシュボードにログインします。
2. 左側のメニューで プラグイン > 新しいプラグインのインストール.
3. 検索バーに「Smush」と入力。
4. インストールとアクティベーション スマッシュ プラグイン。
5. 左側のメニューで スマッシュ > セットアップ.
6. 検索と有効化 WebP変換 オプション

方法2：WebP画像を手動でアップロードして使用する

すでにWebP画像を持っていて、それを手動で使いたい場合は ファイル転送プロトコル もしかしたら cPanel ファイルマネージャーは、WebP画像をWordPressサイトの wp-content/uploads フォルダに保存します。次に、ページや記事のHTMLコードを編集して、これらの画像を参照します。

例

<img src="https://yourwebsite.com/wp-content/uploads/2024/07/your-image.we

WordPressのダッシュボードにログインし、"メディア">"ファイルを追加する"で、アップロードするWebP画像を選択するだけです。

注意を引く

• ブラウザの互換性ほとんどのモダンブラウザはWebPをサポートしていますが、一部のブラウザはWebPをサポートしていません。あなたのサイトが他のフォーマットの画像を表示するフォールバック・メカニズムを持っていることを確認してください。
• テストロード速度PageSpeed InsightsやGTmetrixを使用して、サイトの読み込み速度をテストし、結果のために最適化されていることを確認してください。

はんけつをくだす

WordPressでWebP画像を使用することで、サイトのパフォーマンスを劇的に向上させ、ユーザーエクスペリエンスを向上させ、SEO最適化に役立てることができます。