PNGをAVIFに変換

AVIFはAlliance for Open Mediaが開発した形式です。創設メンバーにはGoogle、Microsoft、Mozilla、Netflix、Amazonなどが名を連ねています。同団体は2018年にロイヤリティフリーの動画コーデックAV1を公開し、2019年にそれを基にした画像形式AVIFを公開しました。AVIFファイルは、基本的にAV1のキーフレーム1枚をHEIF系のコンテナに収めたものです。AppleがHEIC写真に使っているのと同じコンテナ構造です。

この成り立ちにより、JPEGやPNGにはなかった技術が使えます。大きな可変ブロックサイズ、隣接領域からの高度な予測、フィルムグレインの合成、HDR向けの1チャンネル10ビット・12ビットの色深度などです。写真を含むPNGでは、サイズが劇的に小さくなります。単色のロゴを含むPNGでは削減幅は小さくなりますが、それでも多くの場合は効果があり、透過も保たれます。

最初に対応したのはChromeで、2020年8月のバージョン85からAVIFを表示できます。Firefoxは2021年10月のバージョン93で続きました。Safari 16は2022年にiOS 16とmacOS Venturaで静止画のAVIFに対応し、2023年3月のSafari 16.4でアニメーションAVIFを含め対応が完了しました。EdgeはChromeと同じエンジンを使っていますが、AVIFを有効にしたのは2024年1月のバージョン121からです。

これらを合わせると、現在ブラウジングしているほぼ全員をカバーできますが、ウェブサイトの周辺にあるアプリがすべて対応しているわけではありません。一部のメールクライアント、SNSのリンクプレビュー、古いCMSプラグインは、今もPNG、JPG、WebPを前提にしています。自分のページでは、<picture> 要素でAVIFを配信し、PNGまたはWebPをフォールバックにするか、CDNに訪問者ごとの選択を任せてください。画像編集ソフト、オフィス文書、添付ファイルとして送る画像には、PNGのままにしておきましょう。