こんにちは、阿久梨絵です！
最近、WebサイトやSNSで画像を保存すると「.avif」という拡張子を見かけることが増えてきました。
JPEG、PNG、WebP などに比べてまだ馴染みが薄いものの、AVIF は“次世代の本命”と言われるほど注目されている画像フォーマットです。
この記事では、 AVIF が何者なのか、従来形式と何が違うのかを、専門用語をできるだけ避けながらやさしく紹介します。
AVIFとは？
AVIF（AV1 Image File Format）は、動画コーデック「AV1」の技術を静止画に応用した新しい画像フォーマットです。
2019年に規格化され、Netflix や YouTube などが関わる団体が開発に参加しています。
特徴をひとことで言うなら、
“高画質のまま、驚くほどファイルサイズを小さくできる”
という点に尽きます。
JPEG・PNG・WebPと何が違うの？
違いをざっくりまとめると、こんな感じです。
1. 圧縮効率がとても高い
AVIFは、JPEGよりも細部を保ちながら、ファイルサイズを大幅に小さくできます。
Netflixのテストでも、JPEGより高い圧縮効率と画質が確認されています。
WebPよりさらに30%ほど小さくなるケースもあると言われています。
2. 透過（アルファチャンネル）に対応
PNGのように背景透過が可能。
しかも、非可逆圧縮＋透過という、これまで難しかった組み合わせも実現できます。
3. HDR（広い明るさ・色域）に対応
AVIFはHDRや広色域にも対応しており、よりリッチな表現が可能です。
4. アニメーションも扱える
WebPと同じく、アニメーション画像も作れます。
静止画だけでなく、軽量なアニメーション用途にも使えるのが強みです。
5. 可逆・非可逆どちらの圧縮もOK
JPEGは非可逆、PNGは可逆…と用途で使い分けが必要でしたが、
AVIFは1つの形式で両方に対応しています。
デメリットはあるの？
もちろん万能ではありません。
導入時に気をつけたいポイントもあります。
1. エンコード（変換）が重い
AVIFは高圧縮ゆえに、画像をAVIFに変換する処理が重く、時間がかかることがあります。
2. 古い環境では非対応のことも
主要ブラウザはすでに対応していますが、古いSafariなどでは表示できない場合があります。
3. 互換性のフォールバックが必要
Web制作では、AVIFが表示できない環境向けに JPEG/WebP を併記するなど、フォールバック対応が必要です。
まとめ
AVIF は、
・高画質
・小さいファイルサイズ
・透過・HDR・アニメーション対応
・可逆/非可逆どちらもOK
と、従来の画像形式の“いいとこ取り”をしたようなフォーマットです。
一方で、
・変換が重い
・古い環境では非対応
といった課題もあるため、Web制作ではフォールバックを含めた運用が必要になります。
それでも、画像最適化の観点では非常に魅力的で、今後さらに普及していく可能性が高いフォーマットです。
阿久梨絵でした！
