WebP
https://gyazo.com/b660a02708356e357ea76419a7f5f252
https://ja.wikipedia.org/wiki/WebP
Googleが開発し、オープンソースで開発される非常に高圧縮な画像フォーマット
Chrome、Firefox、Safari などの主要なブラウザはほとんどが対応している
非可逆圧縮、可逆圧縮、アルファブレンド、動画フォーマットなどの機能を有しているため、インターネット上で使用される PNG や JPEG、GIF の代替えとして使用できる
動画フォーマットは、同じくGoogle の開発した WebM がベースとなっている。
ブラウザ互換性
https://gyazo.com/f6b081e9380be74ccc00c014fd2069f3
確認時点では WebP image format | Can I use... Support tables for HTML5, CSS3, etc によれば 97.66% のデバイスでサポートされている
一方でブレンドが有効なアルファチャンネル付きのAnimated WebPではレンダリングに問題が出るため、アルファチャンネルを含む Animated GIF を変換する場合はブレンドモードを指定するか APNG を使用すること
Safariはアルファチャンネル付きAnimated WebPを正しくレンダリングできない場合がある
Safariで表示できるアルファチャンネル付きAnimated WebPの作り方