AVIF変換ツールとは？
JPEG・PNG・WebP・HEIC画像をAVIF形式に変換します。画質をほぼ保ったまま、ファイルサイズを大幅に削減できます。AVIFはJPEGより最大50%効率よく圧縮でき、ページの読み込みが速くなります。
AVIFはAV1の動画圧縮技術を画像向けに応用したもので、JPEGと同じ見た目で容量は約50%、WebPと比べても写真なら20〜30%軽くなります。クオリティスライダー(0〜100)で圧縮の強さを調整でき、JPEG・PNG・WebP・GIF・HEIC・HEIF（iPhone写真もそのまま）を読み込んで、このページ内で非公開のままエンコード、ダウンロード前に節約サイズを表示します。変換後にスライダーを動かして「この品質ですべて再変換」を押せば、新しい品質で全カードを一括で再エンコードできます。仕上がった画像はワンクリックでクリップボードへコピーし、デザインツールへそのまま貼り付けられます。
使い方
- ステップ1 — ドロップゾーンに画像をドラッグしてアップロードします。JPEG・PNG・WebP・GIFに加え、iPhoneや最近のAndroidカメラから直接出てくるHEIC・HEIF写真にも対応しています。
- ステップ2 — 品質スライダーでファイルサイズと画質のバランスを調整します。プレビューにリアルタイムで圧縮結果が表示されます。
- ステップ3 — AVIFファイルを個別またはまとめてダウンロードします。各画像のファイルサイズの削減量が表示されます。
使用するタイミング
- フォトポートフォリオやECサイトの商品ギャラリーの総容量を減らす。
- LCP(最大コンテンツ描画)指標が重要なサイトのヒーロー画像を最適化する。
- JPEG写真アーカイブをディスク占有量を大幅に減らしたまま保存する。
結果
あるWebデベロッパーが2.4MBの商品写真（JPEG）をアップロードしました。品質75でAVIFに変換したところ、わずか380KB（84%削減）になり、見た目の品質変化もありません。ページの読み込みが目に見えて速くなります。
よくある質問
- AVIFファイルは本当に訪問者全員のブラウザで表示できますか?
- Chrome 85以降、Firefox 93以降、Edge 121以降、Safari 16.4以降が対応していて、世界の流量の約95%をカバーします。古いブラウザにはpicture要素+JPEGフォールバックを設定すれば、自動的に従来ファイルが読み込まれます。
- Web用の写真にはどのクオリティが適切?
- 写真ならクオリティ70〜80が最適です。JPEG 90より約75%小さく、見た目はほぼ同じ。サムネは60、プリント向けでほぼロスレスにしたいなら90まで上げます。節約率はリアルタイム表示されます。
- 最初の変換が遅く感じるのはなぜですか?
- 最初の変換時に一度だけ約1.5 MBのWebAssemblyエンコーダーをダウンロードするため、短いウェイトが入ります。以降はセッション内でキャッシュされ、後続の画像は即座にエンコードされます。AVIFはJPEGより本質的にCPUを使うので、4K写真は速いPCでも数秒かかることがあります。
- AVIFはPNGのように透過に対応していますか?
- 対応しています。AVIFはアルファチャンネルを保持するので、透明背景のPNGは出力後も透過が残ります。透過領域の圧縮効率は非常に高く、相当するPNGより90%ほど軽くなることもよくあります。
- AVIFとHEICは同じフォーマット?
- コンテナ(HEIF)は共通ですが、コーデックが違います。HEICは特許料が発生するHEVC、AVIFはロイヤリティフリーのAV1を使うため、オープンなWebではAVIFが好まれます。写真の圧縮効率もAVIFの方がやや上です。