PNGをAVIFに変換

AVIFは、グラフィック、スクリーンショット、写真をPNGよりはるかによく圧縮しながら透明度にも対応し、現在のすべてのブラウザが表示できます。ブラウザはキャンバスからAVIFを保存できないため、この変換ツールは、ブラウザ自身のAV1エンコーダー（WebCodecs）で各画像をエンコードし、AVIFファイルを自分で書き出します。透明なPNGは、AVIF規格が定めるとおり、透明度を別個のアルファレイヤーとして保てます。白や黒で塗りつぶすことも可能です。パソコン版のChromeとEdgeで動作します。

使い方

1. PNGファイルを1つ以上ドロップします。
2. 画質を設定します。ロゴやスクリーンショットには70が良い出発点です。
3. 透明度を維持するか、白や黒で塗りつぶします。必要なら最大サイズも設定します。
4. 変換して、サイズの変化を確認し、AVIFファイルをダウンロードします。

計算式

AV1の量子化値 ＝ round((100 − 画質) × 63 ÷ 100)。アルファレイヤーは、縁をきれいに保つため画質90以上でエンコードします。サイズの変化 ＝ (AVIFのバイト数 ÷ PNGのバイト数 − 1) × 100%。

色はYCbCr 4:2:0（BT.601、フルレンジ）に変換し、nclx 1/13/6を付けます。アルファチャンネルは、明るさが不透明度を表す2つ目のAV1画像となり、urn:mpeg:mpegB:cicp:systems:auxiliary:alpha型の補助アイテムとして示され、auxl参照で色画像にリンクされます。ブラウザやlibavifが読み込む、標準的なAVIFのアルファ構造です。ここでのAVIFは非可逆なので、すべてのピクセルを正確に保つ必要がある場合はPNGか可逆WebPを使ってください。

計算例

画質70では、AV1の量子化値は round(30 × 63 ÷ 100) ＝ 19です。420 KBの透明なPNGが63 KBのAVIFになった場合、サイズの変化は63 ÷ 420 − 1 ＝ −85%としてファイルの下に表示されます。正確な削減量は画像によって変わります。