nginx向けの設定をこちらに書きました。Webサーバー上のJpegやPNGファイルについて、そのWebP版ファイルがある場合はそちらを返す(もちろんブラウザが対応している場合のみ)、という.htaccessの記述例はすでにいろいろ公開されています。多少の差違はありますが、たいてい以下のような方法をとっています。Varyヘッダの送出条件に関するプルリクがマージされました。混乱するので、以前のコミットにリンク先を変更します。コメントを日本語に置き換えて説明します。Optimizerプラグインが提示する方法なのでメジャー感がありますが、改善案を示してみたいと思います。image.jpg.webp)。将来WebPを直接出力するケースも増えるのではないか。そのとき、変換によって生成されたファイルなのか(image.jpg.webp)、オリジナルとして出力したWebPなのか(image.webp)区別をつけやすい。ファイル名が重複したとき(logo.pngとlogo.jpgなど)、衝突を避けられる。無意味な心配や、拡張子が続くのが嫌といった意見もあるかと思います。.htaccessの配置箇所が固定されるメジャー版の.htaccessファイルは、DocumentRootに設置する前提になっています。/imagesディレクトリに設置すると、1箇所書き換える必要があります。RewriteCondの工夫でできないかなーと思いましたが、拡張子置き換えの場合は無理そうでした(アイデアがあればコメントでぜひ!)。Webサーバから直接画像を配信している場合は影響ありません。Acceptが含まれます。Acceptが含まれません。AcceptなしでJpegファイルを返すと、その後ChromeがアクセスしてもキャッシュヒットしちゃってWebPを返さないんじゃない?と思いました。本来は.jpgや.pngへのアクセス全体にVaryヘッダを返すという実装の方が望ましいのではないでしょうか。そんなことないよ!という場合はご指摘ください。試してみましたが、FirefoxにVaryを返さないメジャーな方法でも問題ありませんでした。先にFirefoxでアクセスしてその後ChromeでアクセスしてもJpeg、WebPがそれぞれ返されました。CloudFrontでは、リクエストヘッダのホワイトリストにAcceptを追加しなければなりませんが(指定しないとそもそもオリジンにリレーされないので)、その作用かもしれません。以上を踏まえた改善案メジャー版に対する変更点・改善点は以下の通りです。image.jpg→image.jpg.webpを前提とします。Optimizerとはそのまま併用できません。DocumentRoot以外の任意のディレクトリに設置しても動作します。Acceptを返却します。upLoginユーザーは見つかりませんでした。