見た目ではほとんど劣化しない点、普段利用しているツールでほぼ利用できる点に加え、サイズも何割か削減できるため。動画ファイルはサイズが大きいのでこの削減効果は無視できない。 ## 経緯 動画ファイルには[[MP4]]を使っていたが、[[WebM]]の方がサイズと品質のバランスが良いのではないかという疑惑が出てきた。 特に今まで対応していなかった[[Safari]]が2024年に入ってから対応されたことが大きい。 ## 提案内容 動画ファイルには[[WebM]]を利用する。 ## 詳細 ### 対応ツール状況 | ツール | 対応 | 備考 | | ------------------ | --- | ---------------------------- | | [[Google Chrome]] | O | | | [[Firefox]] | O | | | [[Microsoft Edge]] | O | | | [[Opera]] | O | | | [[Safari]] | O | [[macOS]] 11以降. [[iOS]] 14以降 | | [[Obsidian]] | O | | | [[Slack]] | O | | ### 具体的なデータの違い 1例ではあるが、ある[[MP4]]ファイルを変換して違いを比較してみた。 | フォーマット | サイズ | | ------------ | ------ | | [[WebM]] | 35.2KB | | [[AVIF]] | 46.5KB | | [[MP4]] | 61.0KB | | [[WebP]] | 75.7KB | | [[GIF]] | 268KB | 実際の動画は以下の通り。 #### WebM ![[2024-08-05-cp.webm]] #### AVIF ![[2024-08-05-cp.avif|frame]] #### MP4 ![[2024-08-05-cp.mp4]] #### WebP ![[2024-08-05-cp.webp|frame]] #### GIF ![[2024-08-05-cp.gif|frame]] ## 承諾した場合の結果 ### メリット - 今回比較した中でサイズが最も軽い - [[MP4]]の約50% - 普段使っているツールはすべて対応している ### デメリット - [[MP4]]から[[WebM]]への変換に少し時間がかかる - データ削減の恩恵を考えると耐えられないレベルではない - ただ、[[Slack]]などで使い捨ての軽量動画を共有するときは不要かも - [[MP4]]よりは少し画質が悪い - 見た目で気づくレベルではない - [[GIF]]や[[AVIF]]、[[WebP]]のように画像として扱えない - 今回のお題は動画ファイルなので... (それはそう)