メインコンテンツへスキップ

AVIF を WebP に変換

AVIF 画像をブラウザ内で WebP に変換。アップロード不要・無料・安全。

「現代に留まる」に最も近い選択

AVIF の読み込み
ネイティブ対応 —— Chromium 自身がデコードでき、追加ライブラリは不要
AVIF の書き出し
ブラウザの canvas では不可。image/avif を要求すると PNG が返る
このページの追加ダウンロード
なし

AVIF から出る 3 つの道のうち、WebP は失うものが最も少ない道です。透明を保ち、90 年代の形式ではなく今の非可逆コーデックであり、3 つの変換先で出力が最小になります。下の計測では、PNG にすると 90.6 KB になるテスト画像が、WebP なら 9.9 KB です。ただし AVIF に勝つことはできません。計測したどの WebP も、元の AVIF より 92%〜378% 大きくなりました。AVIF から離れればどの道でも容量を払うことになり、WebP はその請求額がいちばん小さいだけです。現行ブラウザの対応は実質的に全面的なので、相手がよほど古くない限り、選ぶべきはこちらです。

自分たちで計測した実際のファイルサイズ

設定: ページの初期設定

テスト項目変換前変換後増減
写真ふう122.3 KB234.4 KB+92%
UI スクリーンショット1.4 KB6.9 KB+378%
フラットイラスト3.2 KB9.9 KB+208%
この数字からわかること

AVIF から出る最も痛みの少ない道であり、同じ容量クラスに留まる唯一の道です。UI キャプチャは 6.9 KB、イラストは 9.9 KB。PNG の 36.5 KB と 90.6 KB とは比べものになりません。WebP は直接ルートさえわずかに下回ります(ここでは 6.9 KB、元の PNG から直接なら 7.3 KB)。ただしそれは勝ちではなく、AVIF が先にディテールを捨てており、WebP がそれを符号化しなくてよいからです。AVIF の 3 ページに共通する正直な結論はひとつです。表にあるどの出力も、元の AVIF より大きい。AVIF から離れる理由に容量の話は存在せず、あるのは互換性だけです。そして互換性が理由なら、WebP がいちばん安く済みます。

2026-07-28 に Chromium 151.0.7922.34 で、このページ自体に同じファイルを通して計測した結果です。どのページでも公開している同一のテストファイルを使っているため、コンバーター間で数値を比較できます。計測方法とテスト画像のダウンロード →

AVIF → WebP 変換とは?

このツールは AVIF 画像を WebP 形式に、アップロードせずブラウザ内だけで変換します。AVIF は AV1 コーデックをベースにした最新の高効率画像フォーマットです。圧縮率が非常に高く、透過や HDR にも対応しますが、対応するのは比較的新しいブラウザやアプリに限られます。 WebP は Google による最新の Web フォーマットで、透過と高い圧縮率の両方に対応し、通常 JPG や PNG より 25〜35% 小さくなります。サイト高速化に最適ですが、一部の古いソフトでは非対応の場合があります。

使い方

  1. AVIF 画像を選ぶかドロップします。
  2. 端末内で即座に WebP へ変換されます。
  3. 「ダウンロード」を押して WebP ファイルを保存します。

AVIF を WebP に変換すべきとき

AVIF は圧縮率が非常に高い一方、最新ブラウザ以外では対応が限られ、互換性の高い形式が必要になることがあります。

サイトの表示を速くしたいときは AVIF を WebP に変換するのが理想的です。WebP は通常 AVIF より 25〜35% 小さく、画質と透過の両方を保てます。Web 画像に最適ですが、WebP 非対応の古いソフト向けには JPG や PNG を使ってください。

AVIF と WebP の違い

項目AVIFWebP
圧縮非可逆非可逆
透過対応対応
最適な用途最大圧縮が必要な最新 Web 画像高速表示したい Web 画像

AVIF を WebP に変えると助かる場面

手元にあるのは、圧縮のよく効いた AVIF。でも一部の CMS やテーマ、少し古いプラットフォームだと、まだ AVIF に対応しておらず表示されないことがあります。そんなときは WebP への変換が一番ラクな落としどころです。ここ数年のブラウザならほぼ対応していて、JPG や PNG よりずっと軽く、透過もそのまま残せます。

  • WebP は元の AVIF より「少しだけ」ではなくかなり大きくなります。私たちのテストファイルでは 92%〜378% 増えました。これは互換性と引き換えのコストで、それでも WebP は 3 つの出口でいちばん安く済みます。
  • 相手の環境がかなり古くて WebP すら読めないなら、無理せず JPG(透過なし)か PNG(透過あり)まで戻すのが安全です。

平均ではなく最悪の行を読む —— 3 行すべてを守れる唯一の出口

AVIF から出る道は 3 つあり、同じ 3 枚をすべてに通しました。このページは写真 +92%、UI スクリーンショット +378%、イラスト +208% —— 最悪の行でも +400% の内側にとどまります。他の 2 つの道の最悪値は、JPG へが +2942%、PNG へが +2704% です。この違いは実務的です。中身が入り混じったフォルダをまとめて処理するなら最悪の場合は許容できません。そして WebP は、ある種類の画像で暴走しない唯一の選択肢です。写真の行 122.3 KB → 234.4 KB は JPG の +89% と実質互角ですが、WebP には本物のアルファチャンネルがあり、現行のブラウザはどれも同じように認識します。WebP が負ける唯一の場面は、相手が JPEG しか受け付けないときです。それは互換性の問題であって、サイズの問題ではありません。

よくある質問

AVIF は残すべきですか、それとも置き換えるべきですか?

残してください。計測したどの WebP も元の AVIF より 92%〜378% 大きくなったので、置き換えは容量を払って画質を得られない選択です。理にかなうのは、AVIF を主ファイルとして残し、AVIF を読めない環境向けのフォールバックとして WebP を配信することです。この変換の目的はまさにそこにあります。

画像はアップロードされますか?

いいえ。変換は Canvas API によりすべてブラウザ内で行われます。画像がサーバーに送信・保存されることはないため、プライベートな写真でも安心です。

AVIF を WebP に変換すると画質は落ちますか?

WebP は非可逆フォーマットのため、品質設定に応じて圧縮され、わずかに劣化する場合があります。実際にはほとんど分からないことが多く、ファイルは大幅に小さくなります。

透過は保持されますか?

はい。WebP は透過に対応しているため、元画像の透明な背景はそのまま保持されます。

一度に多くの画像を変換できますか?

1 枚ずつ変換できます。すべて端末内で処理されるため、速度は端末性能に依存します。大量の場合は PC のブラウザが快適です。

関連記事

AVIF とは?開けないときはどうする? →

このツールを埋め込む

このツールをあなたのサイトやブログに無料で設置できます。下のコードをコピーして貼り付けるだけです(当サイトへのリンクを含みます)。