WordPressでWebP畫像を使用する3つの効率的な方法

WebPは、ウェブ用に設(shè)計(jì)された革新的な畫像ファイルフォーマットです。WebPフォーマットでは、畫像ファイルサイズを25~34%削減することができ、従來のPNGやJPEGフォーマットと比較して、畫質(zhì)を犠牲にすることなく大幅に最適化されます。WebP畫像は、WordPressウェブサイトの読み込み速度を高速化するだけでなく、WordPressのキャッシュプラグイン、CDN、その他の非常に効果的なツールと連動して、ウェブサイトのパフォーマンスをさらに向上させます。ウェブサイトのパフォーマンスをさらに向上させます。

嬉しいことに、WordPressのバージョン5.8から、システムはすでにデフォルトでWebP畫像をサポートしており、ユーザーは追加のプラグインをインストールすることなく、WordPressウェブサイトにWebP畫像を直接保存してアップロードすることができます。しかし、WebP形式がもたらす利點(diǎn)をよりよく活用するために、多くのユーザーは、WordPressウェブサイトの畫像処理機(jī)能を強(qiáng)化し、最適化するために、特別なWebP畫像プラグインを使用することを選択します。

畫像[1]-WordPressでWebP畫像を使う3つの効率的な方法 - Photon Flux|WordPress 修理専門サービス、ワールドワイド、迅速対応

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

EWWW Image Optimizerプラグインは、WordPressのための非常に最高の畫像圧縮ツールの一つであり、簡単にあなたのウェブサイト上の畫像を最適化することができます。このプラグインは、WebP畫像形式をサポートするだけでなく、自動的にWebP対応ブラウザでこれらの畫像を表示し、あなたのウェブサイトがより速く読み込まれ、より良いユーザーエクスペリエンスを持つことができます。

EWWW Image Optimizerプラグインを使用するには、インストールして有効にする必要があります。インストールが完了したら、"設(shè)定 "メニューの "EWWW Image Optimizer "ページに移動し、プラグインの様々なオプションを設(shè)定することができます。設(shè)定プロセスに慣れていない場合は、インストールウィザードのステップバイステップに従うことができます。もちろん、すでにやり方を知っている場合は、"I know what I'm doing "リンクをクリックしてウィザードをスキップし、直接設(shè)定畫面に進(jìn)むことができます。このように、EWWW Image Optimizerプラグインを使用すると、簡単にWordPressの畫像を最適化することができます。

畫像[2]-WordPressでWebP畫像を使う3つの効率的な方法 - Photon Flux|専門家のWordPress修理サービス、WordPressのグローバルな範(fàn)囲、迅速な対応

次の畫面では、いくつかのプラグインオプションが表示されます。下にスクロールして、"WebP Conversion "オプションの隣にあるボックスにチェックを入れてください。

畫像[3]-WordPressでWebP畫像を使う3つの効率的な方法 - Photon Flux|WordPress修理のプロフェッショナル、グローバルリーチ、迅速な対応

次に、「変更を保存」ボタンをクリックして設(shè)定を保存します。次に、"WebP Conversions "セクションまでスクロールしてください。ここで、プラグインは赤いプレビュー畫像とともにいくつかの書き換えルールを表示します。Insert Rewrite Rules "ボタンをクリックすると、プラグインが自動的にこれらのルールを.htaccessファイルに追加しようとします。このようにして、あなたのウェブサイトはWebP畫像フォーマットをより有効に活用し、読み込み速度とユーザーエクスペリエンスをさらに向上させることができます。

畫像[4]-WordPressでWebP畫像を使う3つの効率的な方法 - Photon Flux|WordPress修理のプロフェッショナル、ワールドワイド、迅速対応

プラグインがこれらのルールの追加に成功すると、赤色の畫像プレビューが緑色に変わり、"WebP "のテキストが表示されます。

畫像[5]-WordPressでWebP畫像を使う3つの効率的な方法 - Photon Flux|WordPress修理のプロフェッショナル、ワールドワイド、迅速対応

プラグインが自動的にリライトルールを挿入できない場合があります。この場合、プラグインの設(shè)定ページからこれらのルールをコピーし、.htaccessファイルの最後に手動で貼り付ける必要があります。完了したら、プラグインの設(shè)定ページに戻り、「変更を保存」ボタンをもう一度クリックしてください。プレビュー畫像が緑色に変われば、WordPressサイトでのWebP畫像配信の有効化は成功です。

.htaccessを使用する方法に加え、JS WebP Rewritingまたはという2つのWebP書き換え方法から選択することもできます。これらの方法は若干遅いかもしれませんが、WebP畫像を配信するという點(diǎn)では同じです。ニーズや好みに応じて適切な方法を選択してください。

イマジファイ

Imagifyは、有名なWordPressキャッシュ最適化プラグインWP Rocketの開発チームによって作られた、もう一つの非常に評判の高いWordPress畫像最適化プラグインです。このプラグインは、WordPressサイトにアップロードされた畫像を自動的に圧縮してリサイズし、サイトの読み込みを高速化します。さらに素晴らしいのは、畫像を WebP 形式に変換することで、WebP 対応のブラウザを使用しているユーザーはより効率的な畫像読み込み體験を楽しむことができます。Imagifyプラグインを使用してWordPressサイトにWebP畫像サポートを追加するには、WordPress.orgからプラグインをインストールし、APIキーを追加して有効化するだけです。

プラグインを有効にした後、プラグイン設(shè)定のインターフェイスで「一般設(shè)定」を選択し、WebP最適化設(shè)定を行います。

畫像[6]-WordPressでWebP畫像を使う3つの効率的な方法 - Photon Flux|WordPress修理のプロフェッショナル、グローバルリーチ、迅速な対応

WebP畫像を有効にするには、「最適化」セクションまでスクロールダウンし、「WebPフォーマット」セクションを見つけます:

  • 畫像のwebpバージョンを作成する」にチェックを入れる。
  • Display images in webp format...」にチェックを入れる。

III.ショートピクセル

ShortPixelは非常に人気のあるWordPress畫像最適化プラグインです。WordPressサイトにアップロードした畫像を自動的にリサイズ?圧縮するだけでなく、WebP形式に変換して、WebP対応ブラウザのユーザーがよりスムーズな畫像読み込みを楽しめるようにします。ShortPixelでは、毎月約100枚の畫像を無料で最適化する基本版の無料プランも提供しています。より多くの畫像を最適化する必要がある場合は、月額4.99ドル(5,000枚の畫像を最適化)から利用できる有料パッケージや、一括払い9.99ドルで10,000枚の畫像を最適化できるオプションもあります。ShortPixelは、WordPressウェブサイトに最適な、実用的で手頃な価格の畫像最適化ツールです。

ShortPixel畫像最適化クォータは、どのウェブサイトでも使用でき、サイト數(shù)に制限はなく、すべてのサイトで同じShortPixelアカウントを共有できます。WordPressサイトでShortPixelを使用したい場合は、WordPress.orgからプラグインをインストールし、APIキーを追加するだけです(無料のShortPixelアカウントにサインアップすると取得できます)。これで、ShortPixelが提供する畫像最適化サービスを簡単に利用できます。

一般" タブでは、畫像の最適化に関する基本的な設(shè)定を行うことができます。たとえば、どの圧縮レベルを使用するか、畫像のサイズを変更するかどうかなどです:

畫像[7]-WordPressでWebP畫像を使用する3つの効率的な方法 - Photon Flux|WordPress修理のプロフェッショナル、グローバルスコープ、迅速な対応

WebP畫像を有効にするには、[詳細(xì)設(shè)定]タブに移動します:

  • WebP畫像」にチェックを入れる。
  • WebPバージョンを配信する...」ボックスにチェックを入れます。 . "ボックスにチェックを入れる。(最初のボックスをチェックした後に表示されます)
  • タグの構(gòu)文を使用する」ラジオボタンにチェックを入れる(前のボックスにチェックを入れた後に表示されます)
  • デフォルトの「WordPressフック選択経由のみ」のままにしてください。

概要

WebP形式は、その優(yōu)れた圧縮能力と後方互換性により、WordPressウェブサイトのパフォーマンスを向上させる強(qiáng)力なツールとなっています。WordPress 5.8以降、WebPがネイティブでサポートされ、ユーザーは追加のプラグインを使用せずにWebP形式で畫像をアップロードできるようになり、プロセスが大幅に簡素化されました。さらに、EWWW Image Optimizer、Imagify、ShortPixelなどの最適化プラグインにより、ユーザーは畫像を自動的にWebP形式に変換できるだけでなく、プラグインが提供するさまざまな機(jī)能を利用して、ウェブサイトの読み込み速度と全體的なパフォーマンスをさらに向上させることができます。


お問い合わせ
チュートリアルが読めない?無料でお答えします!個(gè)人サイト、中小企業(yè)サイトのための無料ヘルプ!
カスタマーサービス WeChat
カスタマーサービス WeChat
電話:020-2206-9892
QQ咨詢:1025174874
Eメール:info@361sale.com
勤務(wù)時(shí)間: 月~金、9:30~18:30、祝日休み
? 複製に関する聲明
この記事はハリーが執(zhí)筆しました。
終わり
好きなら応援してください。
クドス0 分かち合う
おすすめ
解説 ソファ購入

コメントを投稿するにはログインしてください

    コメントなし