[レベル: 上級]
コンテンツ内で配信している JPG や PNG フォーマットの画像を WebP フォーマットの画像に置き換えた場合にリダイレクトは必要でしょうか？
元の JPG/PNG の配信を続けるかどうかで変わってきます。
完全な置き換えならリダイレクト
画像を WebP に置き換えて、JPG/PNG フォーマットではもう配信しないというのであれば、リダイレクトするといいでしょう。
▼今まで (JPG で配信)
<img src="/images/cat.jpg" alt="cat" width="256" height="256">▼置き換え後 (WebP で配信)
<img src="/images/cat.webp" alt="cat" width="256" height="256">こうしたケースでは、.jpg を .webp にリダイレクトする構成を推奨します。
Google （画像）検索における JPG 画像の評価が WebP 画像に引き継がれます。
フォールバックで JPG/PNG 配信継続ならリダイレクト不要
現在は、多くのブラウザが WebP をサポートするようになりました。
それでもすべてのブラウザというわけではありません。
また、Safari もサポートしますが、PC 版では OS が Big Sur 以降という条件が付きます。
WebP をサポートしないブラウザのために JPG や PNG の配信も続けるというフォールバック構成を一般的には採用します。
具体的には、img タグの srcset 属性や picture タグを使います。
<picture>
<source srcset="/images/cat.avif" type="image/avif">
<source srcset="/images/cat.webp" type="image/webp">
<img src="/images/cat.jpg" alt="cat" width="256" height="256">
</picture>このようにコーディングすると次の順番でブラウザは画像を読み込みます。
- AVIF をサポートしていれば、
cat.avifを読み込む
※AVIF は WebP よりもさらに軽量な画像フォーマット。現状サポートしているのは Chrome や Opera などごく一部のブラウザのみ - AVIF をサポートしていなくても WebP をサポートしていれば、
cat.webpを読み込む - AVIF も WebP もサポートしてなければ、
cat.jpgを読み込む
※今であれば実質的には、すべてのブラウザが JPG 画像を表示できる
この構成では、WebP（と AVIF）のフォーマットで画像をはするものの、JPG フォーマットでの配信も続けます。
完全に置き換えるわけではありません。
リダイレクトは不要です。
画像検索には JPG 画像が表示され続けます（状況によっては WebP も表示されるかも。AVIF は画像検索ではまだサポートされていない画像フォーマット）。
WebP が JPG（や PNG）よりも画像検索で評価が高いということないので心配いりません。
ページ エクスペリエンス アップデートの実施によりコア ウェブ バイタルがランキング要因に組み込まれました。
LCP 改善のために次世代画像フォーマットである WebP（やさらに最新の AVIF）で画像を配信するサイトも増えてきたことでしょう。
画像検索に適切に対応するために、リダイレクトが必要かどうかも考慮に入れてください。
[H/T] 🍌 John 🍌