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

2020年5月18日月曜日

ブログ

t f B! P L

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

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

結論

Chrome/Safari/Firefox/Edge/IE/Opera すべてのブラウザで WebP 画像は表示できる。

理由

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

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

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


順位ブラウザ 利用率
1位Chrome57.09%
2位Safari11.35%
3位Firefox10.09%
4位Edge9.22%
5位IE9.08%
6位Opera0.7%

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

Windows編

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

Chrome

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

Firefox

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

Microsoft Edge

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

Internet Explorer

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

Opera

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

Mac編


macOS Catalina バージョン 10.15.4

Chrome

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

Safari

Safari の最新バージョンは、 13.1 (15609.1.20.111.8) です。

Linux編

CentOS で Firefox

CentOS 8.1.1911 / Firefox 68.7.0-2.el8_1

Ubuntu で Firefox

Ubuntu20.04LTS / Firefox 76.0.1

iPhone編

iOS 13.4.1

Safari

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

Chrome

Chromeのバージョンは、81.0.4044.124

Android編

Chrome

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

まとめ

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

参考情報

投稿画像を WebP にしよう(Safariサイレント対応?)

このブログを検索

カテゴリ

Windows (87) Mac (52) ゲーム (34) Linux (30) ブログ (25) iPhone (15) VMware (14) Blogger (10) Android (5) Python (4) HTML (3)

ブログ アーカイブ

書いている人

自分の写真
ブログ初心者です。2020/03 からBlogger ではじめました。

・調べたこと
・うまくいったこと
・うまくいかなかったこと

をありのままを書いて、見てくださっている方の近道・回り道の道しるべになれればと思っています。