ある日、Bilibili のサムネイルを保存していたら、実は拡張子が avif であることに気づき、私の好奇心が刺激されました。通常、ウェブサイトのサムネイルは webp 形式ですが、なぜ Bilibili がこの形式を使用しているのか、どのような利点があるのかを知りたくなりました。そこで、私は体験してみることにしました。私は画像処理の専門家ではなく、ただのアマチュアのデザイナーですので、私の体験は非常に限定的なものです。皆さんはただのお楽しみとしてご覧ください。
紹介#
この紹介はウィキペディアから引用されています。リンク先はこちら：https://zh.wikipedia.org/wiki/AVIF
AV1イメージファイルフォーマット（AV1 Image File Format、略称 AVIF）は、Alliance for Open Mediaによって開発された、AV1ビデオコーデック技術を使用して画像を圧縮するための画像ファイルフォーマットです。一般的な画像や動画を保存するために使用することができます。AVIF とAppleの製品で使用されているHEIC（High-Efficiency Image Container）画像形式は、国際標準化機構基本メディアファイルフォーマットの高効率画像ファイルフォーマット（High Efficiency Image File Format、略称 HEIF）コンテナを採用していますが、HEIC はHEVC/H.265からの圧縮技術を使用しています。
Netflix の 2020 年のいくつかのテストでは、AVIF は JPEG よりも優れた圧縮効率を示し、より豊かなディテールを保存し、ブロック効果がほとんどなく、はっきりとした輪郭と鮮やかな色彩の自然な画像や素材において、より少ない色の歪みがあります。
使用体験#
現在、AVIF 形式をサポートしているウェブサイトやソフトウェアは少ないですが、幸運なことに私の画像ビューアである nomacs はこの形式をサポートしています（このソフトウェアは無料でオープンソースです。ダウンロードリンク：https://nomacs.org/）。また、photodemon はこの形式への変換をサポートしています。以下は 2 つの比較画像です。どちらが AVIF で、どちらが JPG かを見てみてください（正直なところ、私には区別がつきません）。
さて、答えを明らかにしましょう。右側の画像が AVIF で、最初の画像の JPG のサイズは 344KB で、AVIF のサイズはわずか 32.5KB です。また、2 番目の画像の左側の PNG のサイズは 1.53MB で、AVIF のサイズはわずか 51.2KB です！本当に驚くべきことです！さらに、同じサイズの容量で比較した AVIF と webp の違いを比較しました。以下の図をご覧ください。
利点と欠点#
AVIF の利点は明らかです。ファイルサイズが小さく、画質が高く、透明な背景をサポートしています。しかし、私が言いたいのは、欠点です。まず第一に、従来の画像形式よりもリソースを消費することです。開く速度が遅くなります。次に、サポートされているソフトウェアやウェブサイトは数えるほどしかありません。デザイン業界の標準ソフトウェアである Photoshop や Figma などのソフトウェアはほとんどサポートしていません（PS はプラグインを使用することでサポートできます）。また、ウェブページは基本的に webp と jpeg が主流です。実際に AVIF を使用できる場所はほとんどありません。言い換えれば、ほとんどの人が使用していないということです。現時点では、これが最大の欠点です。もちろん、高い EQ を持つ人は、これは未来の画像形式だと言うでしょう。
雑談#
正直なところ、私は完璧な画像形式が登場することを望んでいます。より広い色域をサポートし、より小さなファイルサイズ、より良い表示効果、より高速なオープン速度、より小さなリソース使用量を備えています。しかし、現時点では AVIF 形式ではそれを実現することはできないと思います。なぜなら、そのオープン速度とプレビュー速度は確かに遅くなるからです。しかし、その利点はオープンソースで無料であることです。ただし、WebP は Google の支援を受けており、普及が非常に遅いです。AVIF などは言うまでもなくです。したがって、現時点では一般的なファイル形式を使用することが普通です。これはただの遊びです。また、今回の記事で使用したファイル変換ソフトウェアは photodemon です。これも無料でオープンソースの画像処理ソフトウェアで、AVIF 形式をエクスポートすることができますが、プラグインを別途インストールする必要があります（保存時に AVIF を選択するとインストールのプロンプトが表示されます）。興味がある方はぜひ試してみてください！