WordPressウェブサイト画像自動変換WebP完全チュートリアル

ウェブサイトのパフォーマンスを最適化する過程で、ウェブサイト上の画像はページの読み込み時間を奪う「見えない殺し屋」であることがよくあります。ブログ、ポートフォリオ、eコマースサイトなど、画像の多いサイトでは ウェブピー ページサイズを縮小するための画像圧縮フォーマットとして。

この記事では、以下の方法を紹介する。 ワードプレスウェブサイト内の画像をWebP形式に自動変換プラグインを使っても使わなくても、あなたのサイトに合った解決策を見つけることができる。

WebPとは何ですか？

WebPはGoogleによって導入された最新の画像フォーマットである。WebPは、画質を損なうことなく画像サイズを大幅に圧縮する強力なツールです。WebPは従来のJPEGやPNGよりも小さく高速で、主要なブラウザ（Chrome、Edge、Firefox、Safariなど）で広くサポートされています。

WebPの利点は以下の通り：

JPEGよりファイルサイズが小さい 25%-35%
非可逆圧縮と可逆圧縮の両方をサポート
透過背景のサポート（PNGと同様）
サイトの読み込み速度とPageSpeedスコアの向上
ウェブサイト SEO 仲良く

方法1：プラグインを使用してWebPに自動変換する（推奨）

画像コンテンツが多すぎるウェブサイトでは、プラグインを使うのが最も時間を節約できる方法です。ここでは、アップロードされた画像のWebP形式への自動変換をサポートする、最も人気のあるWordPressプラグインをいくつかご紹介します。

1. EWWWイメージオプティマイザー

画像の自動最適化とWebPバージョンの生成
CDNアクセラレーションのサポート（オプション）
画像リンクのアドレスを変更する必要はない

セットアップの手順

プラグインのインストールと有効化
バックエンドに移動：設定 > EWWW Image Optimizer
WebP Image "オプションにチェックを入れる。

オープン .htaccess WebP自動切り替え機能をサポート
既存画像のバッチ最適化オプション

自動処理と互換性を重視する中小規模のサイトに最適。

2. イマジファイ

任せる WPロケット互換性のために開発されたチーム
無料版月額20MB 軽いウェブサイトに最適
自動圧縮とWebP変換に対応

使い方：

プラグインをインストールし、アカウントを登録する
設定]に移動し、WebPオプションをオンにする
互換性のあるブラウザにWebPバージョンを表示する "を有効にする
古い画像のバッチ最適化

理想的なユーザー：高い圧縮率と自動操作を求めるユーザー。

方法2：CDNを使用してWebP処理を自動化する（Cloudflareなど）

あなたのサイトでシーディーエヌ(コンテンツ・デリバリー・ネットワーク）、いくつかのCDNは、ネイティブのWordPressプラグインを必要とせずに自動WebP変換を提供しています。

例えば、クラウドフレアだ：

コミッション ポーランド画像の最適化(有料スキーム）

WebP "サポートにチェックを入れる
すべてのWebP対応ブラウザは、サイトにアクセスすると自動的にWebP形式の画像を読み込みます。

長所：

ホスティング・リソースを占有しない
画像処理はエッジサーバーに任せる
サーバー負荷の軽減

方法3：ローカルスクリプト .htaccess ルールの書き換え（プラグインプログラムなし）

プラグインに頼りたくないユーザーには、Apache/Nginxの書き換えルールと組み合わせたサーバースクリプトを使って、アップロードされた画像を自動的にWebPにすることができます。

基本的なプロセス：

コマンドを使ってサーバーにインストールする。 ウェブピー ツール（Google提供）
- Ubuntuシステム用コマンドsudo apt update sudo apt install webp

のフォルダをアップロードするシェルスクリプトを書く。 .jpg/.png 画像のバッチ変換 .webp
ある .htaccess 条件判定を

<code>RewriteCond %{HTTP_ACCEPT} image/webp<br>RewriteCond %{REQUEST_FILENAME} (.*)\.(jpe?g|png)$<br>RewriteCond %{REQUEST_FILENAME}.webp -f<br>RewriteRule (.+)\.(jpe?g|png)$1.webp[T=image/webp,E=webp,L]<br>。</code>

画像アドレスはそのままで、システムはWebPをインテリジェントに読み込みます。

注意事項

VPSまたはクラウドホスティング権限を持つユーザー向け
まずテストサイトにデプロイすることをお勧めします！

WebP画像の互換性とフォールバック・メカニズムはどのように処理されますか？

現在、主流のブラウザは基本的にWebPをサポートしていますが、古いデバイスではまだ互換性がないものもあります。そのため

プラグインは自動的に元の画像（JPEGなど）を表示するようにフォールバックします。
ピクチャタグ+ソースを使用して、WebPおよび代替フォーマットを手動で指定します。
CDNプロバイダーはまた、アクセスするデバイスに基づいて、WebPをプッシュするかどうかを自動的に判断する。

サンプルコード

<code><br> <br> <img src="image.jpg" alt="説明テキスト"><br><br>。</code>

あなたに最適なのはどれ？

プログラム	推薦者	問題	パフォーマンス
プラグイン（EWWWなど）	ほとんどのサイト	★☆☆☆☆	★★★★☆
CDN自動変換	CDNを使用しているサイト	★☆☆☆☆	★★★★★
ローカルスクリプト + htaccess	プレミアム / VPS	★★★★☆	★★★★★

通常のウェブマスターやブロガーであれば、WebPをオンにしてプラグインを使用すれば、ほとんどの最適化作業を行うことができる。

お問い合わせ
チュートリアルが読めない？無料でお答えします！個人サイト、中小企業サイトのための無料ヘルプ！	カスタマーサービス WeChat
① 電話：020-2206-9892
② QQ咨询：1025174874
三 Eメール：[email protected]
④ 勤務時間: 月～金、9:30～18:30、祝日休み