WebP
画像format 形式
SmartPhone
の主要ブラウザ全て対応ずみ
not
IE11
"webp" | Can I use... Support tables for HTML5, CSS3, etc
読み方: ウェッピー
変換
100% の品質のオリジナル画像から webp 画像を作成
if webp の歪みが目立たなくなり、圧縮率も高くなる
else サポートしているブラウザに、jpeg の歪みや webp の歪みを含んだ、見た目の悪い画像を提供
最適化時の速度と比率
lossy ロッシー
-m 4 -q 75
webp チームが使用しているデフォルトの設定で良い
lossless ロスレス
-m 6 -q 100
速度は桁違いに遅くなりますが、静的資産にはその価値があり
提供
srcset タグ
で提供
予備で
JPEG
提供忘れずに
参考
次世代画像形式のWebP、そしてAVIFへ。変わり続ける技術に対応するweb制作の黄金解 - ICS MEDIA
わかりやすい