投稿画像を WebP にしよう（Safariサイレント対応？）

今回は、ブログに投稿する画像を WebP にする方法について書きたいと思います。

投稿画像を WebP にしよう（Safariサイレント対応？）

呼び方

WebPは、ウェッピーと呼びます。なんかかわいい形式です。

次世代フォーマット

対応ブラウザ

画像形式としては、選択肢は３つあるわけですが、

会社	推し形式	ブラウザ
Google	WebP	Chrome
Apple	JPEG2000	Safari
Microsoft	JPG XR	IE,Edge

こんな構図になるわけですが、各ブラウザの対応も、自分の会社の推し形式から順次行われているようなのです。

で、色々なサイトを調べてみました。 すると、2019年調べのものしか見つからなかったのですが、WebPに未対応のブラウザは、Safariだけということが分かりました。

で、世の中の主流は、WebPになりつつあることも分かりました。すでにWebP対応が大手のウェブサイトでも行われているようです。

WebP対応サイトをつくってみた

なので、私も流れに沿って、WebPサイトを作ってみました。
もちろん、WebP/PNG 両対応する方法なんてのもあるのですが、それには、

・HTMLコードを書き足さないといけない。
・画像を2種類用意しないといけない。

といった手間もかかるので、WebP 画像のみのサイトです。

ちなみに、↓のサイトがそうです。

https://gsenjyounoai.blogspot.com/2020/05/google-pagespeed-insights.html

SafariもWebPサイトは見れる

で、なんと、このサイト、Mac/iPhoneのSafariから見れるんです。未対応となっていたので、画像が見えなくなるのかと思っていたのですが、ちゃんと表示されます。

SafariのソースコードをみてもきちっとWebP画像が指定されています。

Safariは未対応と言われていますが、Appleが対応したのでしょうか？でも公式とかでは、対応した旨の情報は見つけられませんでした。サイレント対応したのでしょうか？