WebP - 🐾 Nekonote

WebP

https://gyazo.com/b660a02708356e357ea76419a7f5f252

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 を使用すること