OptimizerでWebP(ウェッピー)配信する方法をまとめています。OptimizerでWebP配信する時の特徴をまとめておくとこんな感じです。対応ブラウザでは自動でWebP配信してくれるWebPファイルのクオリティ(初期値75)を50-100で指定できる既存の画像から一括でWebPファイルを作成できる設定後は画像アップロード時に自動でWebPファイルが作成される元の画像はそのまま残っているのでいつでもWebP配信を停止できる作成したWebPファイルを一括削除することができるプラグインの設定画面でチェックを入れて、.htaccessファイルにコードをコピペするだけで機能します。設定完了後は、対応ブラウザではWebP配信、非対応ブラウザでは従来通りjpgやpngで配信してくれます。アップロード済みの画像を一括でWebPファイルに変換することもできます。元のjpgやpngファイルは保持されているので、いつでもWebP配信を停止できるのも特徴です。Insightsのスコアを改善したい方におすすめの機能です。Optimizerの設定画面を開いて、基本タブの「WebP変換」にチェックを入れます。WebPの配信方法に表示されたコードをコピーします(「リライトルールを挿入する」は非推奨)。コピーしたコードを.htaccessファイルに追記します。エックスサーバープラグイン管理画面の「変更を保存」をクリックして、ロゴがPNGからWEBPに変更されたら設定完了です。エックスサーバーでは、Xアクセラレータを有効にしていると、下記のエラーが表示されますが、特に問題なく機能します(サーバーのキャッシュとXアクセラレータをOFFすればエラー表示は消える)。モジュールを有効化するよう、ホスティング会社やシステム管理者にご連絡ください。EWWWIO」までを削除する及びプラグインを削除すればコードが削除されます。Mode」をクリックします。拡張されたタブの「高度な設定」を開いて、「WebP品質」に数値(50-100)を入力して作成されるWebPファイルのクオリティを変更することができます。初期値(未入力)は75に設定されています。Images」にチェックを入れるとシャープ処理が追加されます。参考までに、いくつか比較画像を用意してみました(雲や窓を比較すると分かりやすいかも)。114kbWebPに変換するだけで、50%~80%ファイルサイズが小さくなっているのが分かります。品質を上げればファイルサイズは大きくなりますし、シャープ処理を入れても若干ファイルサイズは大きくなるので、どこまで許容できるかはご自身で判断して下さい。分からなければ初期設定推奨です。Scofield雲を比較すると分りやすいのですが、WebPは品質100%でも細かいディテールが崩れています。メリットだけではないので注意して下さい。個人的には、綺麗な画質で見てもらいたい写真ブログには不向きなんじゃないかな!?と思っています。一括最適化でWebPファイルを作成する一括最適化は、既存の画像からまとめてWebPファイルを作成したい時や、クオリティを変更してWebPファイルを再作成したい時に使うと便利です(元のjpgやpngは保持されています)。プラグイン管理画面の「一括最適化」をクリックします。「再最適化を強制」と「WebPのみ」にチェックを入れて、「最適化されていない画像をスキャンする」をクリックします(「再最適化を強制」にチェックを入れないと最適化済みの画像がスキップされるので注意)。「〇〇点の画像を最適化」をクリックすると、最適化(WebPファイルの作成)が始まります。画像の枚数が多いと少し時間がかかりますが、完了するまでページは閉じないで下さい最適化が完了すると、メディアライブラリのリスト表示でWebPのファイルサイズが表示されます(この画面の「再最適化」をクリックして個別に画像を最適化することもできる)。上手くWebPファイルが作成できない時は、プラグイン管理画面の基本タブにある「強制WebP」にチェックを入れると改善されます(サイズが小さくならない等の変換不要のファイルも強制的にWebPファイルに変換する)。最適化で作成されたWebPファイルは、元の画像と同じフォルダに保存されます。WebP配信を確認する画像を右クリックして、「名前を付けて画像を保存」をクリックします。ファイル名の拡張子とファイルの種類がWebPになっていればWebP配信がされています。Rewriting(pictureタグ)」を使った配信方法も試してみて下さい。WebP配信を停止するWebP配信を停止したい時は、.htaccessに追記した下記のコードを削除します。.webpプラグインを無効化及び削除しても.htaccessに追記したコードは削除されないので注意して下さい(「リライトルールを挿入する」で自動挿入したコードはプラグインの削除で削除される)。プラグイン管理画面の「WebP変換」のチェックも外しておきます。WebPファイルを削除するプラグイン管理画面の「最適化された画像を表示」をクリックします。WebPファイルを削除したい時は、「WebP画像を削除」をクリックします(確認画面は表示されない)。OptimizerのWebP配信は、元のjpgやpng画像を保持したままWebp配信に切り替えられるのが最大のメリットだと思います。自分のサイトに合わないと感じたら元に戻すことができるからです。WebPに変換すると、ブロックノイズの様なもやっと感が出てしまう&クオリティを下げると色味も変わってしまうので、個人的には写真ブログには不向きな気がしました(このブログでは使っていません)。Insightsのスコアを改善する方法この記事を書いた人scofield2024年も気づいたら11月。情報を伝えるのにブログである必要はないのかもしれない。自分のルールで管理できるメリットを除けば、今はブログに拘るメリットは何もない。YouTubeやSNSを使った方が間違いなく多くの人に情報を伝えられる。コアアップデートが予定されているみたいだけど、このままGoogle検索を頼りにブログ運営を続けてもアクセスや収益が伸びることはない気がする。いい加減新しく何か始めないといけないのかもしれない。Δscofield趣味で風景やフィギュアを撮影してます。このブログでは、管理人が学んだこと、試したこと、調べたこと、興味がわいたことをまとめて記事にしています。分からないことや質問があれば、コメント欄及びお問い合わせからお願いします。2024年10月9日ありがとうございます。リオパラは懐かしいですね。2024年10月8日コメントありがとうございます。