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

システム

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で表示

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

WebPで表示

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

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

青木りさ(ゼロイチファミリア) 、#2i2にてアイドルデビューそしてヤングジャンプの表紙に
2019年 ネコプラ∞からデビューしアイドルに復帰、2020年 フリーになっても人気爆発中の「青木りさ」ちゃん情報をまとめる。撮影会の画像や略歴などを更新中。