サイトの軽量化を行おうと、Google search consoleの速度(試験運用版)でチェックした所、画像のフォーマットをJPEG 2000/JPEG XR/WebPに変えたほうが圧縮性の高く、ダウンロード時間を短縮できるとのことで、早速フォーマットを変えてみようと思いましたが、そもそもそのフォーマットは各ブラウザに対応しているのかという疑問が・・・
JPEG 2000/JPEG XR/WebPの各フォーマットが、現状(2020/1/21)の時点で対応しているか調べてみました。
JPEG 2000
Safariのみ対応 (2020/1/21時点)
ブラウザ対応状況
JPEG XR
IE、Edgeのみ対応 (2020/1/21時点)
ブラウザ対応状況
WebP
IEとSafariが対応していない (2020/1/21時点)
ブラウザ対応状況
次世代フォーマット(JPEG 2000/JPEG XR/WebP)で画像配信するべき?
軽量化を一番に考えるなら次世代フォーマットにしていくべきだが、実際ブラウザのサポートがまだ追いついていないので、次世代フォーマットの画像を設置する場合はブラウザ判定で画像を切り替える必要がでてきそうです(その場合、作業コスト・更新コストがかかりそう)。