WebP(ウェッピー)がMacやiPhoneのsafariに対応したか表示の確認

システム

2020.10.02

Googleが推しているが、Safari14では今まで対応しておらず表示ができなかった、次世代画像規格「WebP」。
だが、2020年の秋にリリースされた、ios14(safari14)から対応がされているらしい。
また、MacOS11(big sur)からもsafariで対応した。

早速、テストをしてみた。

モデル：青木りさ（twitter：@risarin00）

検証、その前にWebP画像がアップできない

ワードプレスにて、WebP画像をアップしようとしたが「メディアを追加」から選択をする事ができなかった。
どうやら、プラグインで「WebP Express」を追加するとアップできるようなので、プラグインを追加して有効化。

しかし、「メディアを追加」から選択ができない。
左メニューの「メディア」を開き、WebP画像をドラック&ドロップで追加しようとしたら
『このファイルタイプはセキュリティ上の理由から、許可されていません。』
という悲しいお知らせ。どうやら、アップが許可されていない、拡張子らしい。

そこで、プラグイン「WP Extra File Types」を追加＆有効化。
左メニューの「設定」から「Extra File Types」を開き、webPのチェックボックスを有効化。

という工程を行い、やっとアップが完了。
それでは、表示の検証を行う。

まずは、JPGで表示。
画像サイズは、横幅1200picxel。
ファイルサイズは、387KB。

下記が、WebP。この画像は表示されていますか？
画像サイズは、上記と同じ横幅1200picxel。
ファイルサイズは、176KB。約半分になりました。
画像も綺麗な気がします。

表示されていないなら、あなたのブラウザの種類とバージョンを確認してみてください。