Webに最適なメディアフォーマットを整理する - 2021

macOS 12 Montereyがリリースされました。また2021年09月にはiOS 15もリリースされています。 2020年にリリースされたiOS 14 / macOS 11ではWebPのサポートを開始し、macOS 12ではOpusのサポートを開始しました。 また最近ではGoogle Chrome、FirefoxがAVIFのサポートを開始するなど、新たなメディアフォーマットも登場しています。 そこで2021年現在、Webにおける最適なメディアフォーマットを整理しようと思います。 TL; DR 画像: WebP もしくは SVG 音声: AAC - .mp4 動画: H.264 - AAC - .mp4 もしくは VP9 - AAC - .mp4 最適とは なるべく多くのデバイスとOSとブラウザでデフォルトで使える macOS: Chrome、Firefox、Safari、Edge (

[calcs]

“PNGは非可逆圧縮なので除外しました。 AVIF > HEIF > WebP > JPEG > GIF”PNGは可逆圧縮だし、GIFも可逆圧縮（どっちにしても可逆不可逆混ざっているという指摘）。あとWebPにはlosslessもある。一応。

[lifeisadog]

非可逆圧縮はなんで外したの？

[kappaseijin]

“2021.11.09に公開2021.12.15に更新”

[deritmi]

WebP全然使ってない……Chrome/Firefoxがサポートしたなら、もういきなりAVIFでもいいかな

[boxshiitake]

JPEG XLが無いな

[ogawa0071]

書きました！この1年ぐらいで立て続けにリリースされたAV1やSafariのWebP対応などをキャッチアップできます。／可逆圧縮に関して追記しました。