WebP 画像対応の現状を確認しよう

今回は、次世代フォーマット画像形式 WebP が各ブラウザでどのように表示されるのかを検証したいと思います。

なんで調べてみたかったかというと、色々なサイトを見ても、WebPは、どのブラウザでも見れるようになったという記述がみつけられなかったからです。Safari は見れないと書いてあったりしますが、実際自分で WebP 画像を見ても Safari で普通に見れるんです。なので、自分で検証してみようと思い、いろいろな OS でいろいろなブラウザで現状がどうなっているのか確かめてみたいと思います。

ブラウザのシェアを確認すると、

順位	ブラウザ	利用率
1位	Chrome	57.09%
2位	Safari	11.35%
3位	Firefox	10.09%
4位	Edge	9.22%
5位	IE	9.08%
6位	Opera	0.7%

6位までで、約98%を占めています。念のためOS毎にブラウザの最新バージョンをダウンロードしてWebP 画像を見てみます。WebP 画像はわたしが先日書いたフル WebP 画像記事をみます。

Windows 10 バージョン 1909 (build 18363.836)

Chrome の最新バージョンは、 81.0.4044.138 です。

Firefox の最新バージョンは、76.0.1です。

Edge の最新バージョンは、81.0.416.77です。

IE の最新バージョンは、11.778.18362.0です。

Opera の最新バージョンは、68.0.3618.104です。

macOS Catalina バージョン 10.15.4

safariのバージョンは、13.1 です。

Chromeのバージョンは、81.0.4044.124

Chromeの最新バージョンは、81.0.4044.138

Windows/Mac/Linux/iPhone/Android で、Chrome/Firefox/Edge/IE/Safari/Operaを比べましたが、少なくとも最新版ならどれでもWebP 画像を表示できます。

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