ファイルを読み込んでいます…

AVIFをWebPに変換、対応を広げつつアルファを保持

PNGまで落とさずにアプリ対応を広げたいとき、ブラウザでAVIFをWebPに変換します。

またはここに画像をドロップ

AVIFをWebPに変換する手順

AVIFをWebPに変換する手順

アップロード欄にAVIFを置くか、クリックしてファイルを選びます。ブラウザがAVIFをネイティブに読み取り、内蔵の仕組みで領域を改めてWebPとして書き出します。どちらの工程もネイティブなので、読み込む部品も立ち上げの待ちもありません。デスクトップのブラウザならたいていの写真は1秒もかからず終わります。WebPができると、統計の行に元のAVIFのサイズと新しいWebPのサイズが並んで表示されます。ダウンロードを押すと、同じ基本名に新しい.webpの拡張子を付けて端末に保存されます。WebPはその形式を受け付けるどのプラットフォームにもすぐ渡せます。

WebPのファイルがAVIFより大きいのはなぜか

WebPのファイルがAVIFより大きいのはなぜか

2026年のAVIFは主要な画像形式のなかで最も効率がよく、同じ見た目の画質ならWebPより20から25パーセントほど小さくなるのがふつうです。AVIFからWebPへの変換は効率の高い形式から低い形式へ移ることなので、出力はどうしても大きくなります。これは想定どおりで、変換に何か不具合があった印ではありません。少しの効率を手放す代わりに、プラットフォームやツールでのWebPの広い受け入れを得る、意図した取り引きです。出力のWebPでも同じ画像のPNGよりはずっと軽いままです。AVIFにまだ追いついていないシステムでの対応の広がりに比べれば、増えた分はわずかな代償です。

AVIFとWebPの使い分け

AVIFとWebPの使い分け

配信の端から端まで自分で握っていて、見る人が新しいブラウザを使い、1キロバイトも惜しいときはAVIFのままにします。届け先がAVIFをまだ受け付けないときはWebPに変換します。古いアップロード処理を抱えたWordPressやShopifyのメディアライブラリ、古いコーデックでリモートのサーバーが画像を処理するSNS、画像が前処理されるニュースレターの基盤、旧来の配信設定、古いデザインツール、そしてAVIFの拒否に出くわしたあらゆる場所です。画質を意味のある形で落としているわけではありません。ほぼ無劣化の設定のWebPは、通常の表示サイズではAVIFと同じに見えるからです。手に入れているのは、AVIF対応にまだ追いついていないシステムへの足がかりです。

AVIFからWebPで透明部分は残るか

AVIFからWebPで透明部分は残るか

残ります。WebPにもAVIFにも透明レイヤーがあるので、変換は透明な領域をひとつ残らずそのまま保ちます。柔らかい影の付いたロゴ、ふちをぼかした商品の切り抜き、角を丸めたUI素材、どれも元のAVIFと同じマスクのままWebPに届きます。これがJPGへの変換との決定的な違いです。JPGには透明レイヤーがなく、透明部分を単色の塗りつぶしに置き換えてしまいます。色の面も透明マスクもほぼ無劣化の設定で書き出し直されるので、アルファのふちはきれいなまま残り、透明部分が濁ったり中途半端な塗りに崩れたりしません。変換の前に手作業で平坦化する必要はありません。

WebPのブラウザとプラットフォームの対応

WebPのブラウザとプラットフォームの対応

WebPは事実上すべての新しいブラウザで対応しています。Chrome、Firefox、Safari、Edge、そして主要なモバイルブラウザのすべてです。世界全体の対応は97パーセントを超えます。この用途でより大切なのは、WebPがAVIFよりずっと広い範囲のプラットフォームで受け付けられる点です。AVIFを拒むメールソフトも、サーバーが前処理したWebPなら正しく扱うことがよくあります。AVIFのアップロードを止めるコンテンツ管理システムも、ふつうWebPは通します。AVIFを取り入れていないデザインツールもWebPは読めます。配信の前に画像が複数のシステムを渡り歩く流れなら、いまはWebPのほうが安全な中間形式です。ブラウザ同士の配信ではAVIFのほうが効率よく圧縮できますが、ブラウザ以外のシステムでのWebPの対応の話は本当に手堅いのです。

あなたのファイルが処理される場所

あなたのファイルが処理される場所

何枚を変換するかによります。1枚を変換するのは丸ごとブラウザのネイティブな画像エンジンで動きます。AVIFが読み込まれ、WebPがその場で保存され、何もどこへも出ていきません。開発者ツールを開き、ネットワークのタブに行き、1ファイルだけ変換すれば、画像のための外向きの要求はゼロです。何枚かまとめて変換するのは違う動きです。束は私たちのサーバーへ行き、エンコードをして結果をまとめ、ダウンロードのリンクはおよそ2時間で消えます。私たちはアカウントも、あなたの画像の控えも、その短い窓を超えては持ちません。つまり1枚の変換は始めから終わりまであなたの機械にとどまり、束は私たちのサーバーで処理されてから消され、そのあとあなたのものは何も残りません。

使い方

  1. AVIFを置く

    AVIFをアップロード欄にドラッグするか、クリックして選択画面を開き、端末から1枚選んで始めます。

  2. 結果を待つ

    ブラウザがAVIFをネイティブに読み取ってWebPを作ります。どちらの工程もネイティブなので、読み込む部品もなく変換は速く進みます。

  3. サイズを見る

    統計の行に元のAVIFのサイズと出力のWebPのサイズが出ます。WebPはAVIFよりおよそ20から25パーセント大きくなると見ておきます。

  4. WebPを保存する

    ダウンロードのボタンを押すと、同じ基本名に新しい.webpの拡張子を付けてファイルが端末に保存されます。

関連する変換

届け先が対応しているならWebPをAVIFへ戻して縮め、あるいは完全な可逆の到達範囲のためにPNGまで進めます。

よくあるご質問

なぜAVIFをWebPに変換するのか

WebPはAVIFより広い範囲のシステムで受け付けられます。メールソフト、一部のバージョンのWordPressやShopifyのような古いアップロード処理、リモートのサーバーで画像を処理するSNS、旧来の配信設定、そしてAVIF対応を加えていないデザインツール、どれもWebPを扱えます。いちばんよく縮める用にはすでにAVIFがあります。WebPが要るのは、画像を受け取るプラットフォームがAVIFをまだ読めないときです。理由はサイズではなく対応であり、その代償はわずかに重いファイルです。

WebPはAVIFより小さいか

いいえ。AVIFは同じ見た目の画質ならWebPよりふつう20から25パーセント小さくなります。AVIFをWebPに変換すると、できるのは少し大きいファイルで、小さいファイルではありません。サイズを最小にするのが目的で届け先がAVIFに対応しているなら、AVIFのままにします。WebPへの変換は届け先がそれを求めるときだけにします。それでも出力のWebPは同じ画像のPNGよりずっと軽いままなので、対応のための小ぶりな中間形式であり続けます。

AVIFからWebPへの変換で透明部分は保たれるか

保たれます。AVIFにもWebPにも透明レイヤーがあるので、AVIFの透明な領域はそのままWebPに書き込まれます。平坦化されることも、背景色が加わることもありません。これはJPGへの変換とは異なります。JPGにはアルファ対応がなく、透明な領域をすべて単色に塗りつぶしてしまいます。ロゴ、切り抜き、UI素材は変換のあとも柔らかいふちと丸い角を保ち、後ろに置いたどんな背景の上にも重ねられる状態です。

AVIFからWebPへの変換で画質は落ちるか

ごくわずかです。WebPはほぼ無劣化の設定で書き出され、写真でのPSNRはおよそ44 dB、通常の表示サイズでは元のAVIFと見分けがつきません。書き出し直しは一度きりなので結果は厳密には非可逆ですが、自然な画像では粗が肉眼で見えることはありません。ふちがとても鋭いグラフィックや色が硬く切り替わる図では、その領域は圧縮の変化の影響を受けやすいので、出力をよく確かめてください。

AVIFからWebPへの変換にどれくらいかかるか

デスクトップのブラウザならたいていの写真は1秒もかかりません。AVIFの読み取りもWebPの書き出しも新しいブラウザにネイティブで備わっていて、読み込む部品はありません。よくある2メガピクセルの写真はChromeでおよそ100から200ミリ秒で終わります。大きな4Kの写真でもふつう1秒かからずに片付きます。逆向き、つまりWebPからAVIFを書き出す処理よりずっと速く、そちらは重い仕組みを読み込み、はるかに重い計算をこなす必要があります。

どのブラウザがWebPに対応しているか

事実上すべての新しいブラウザが対応していて、それも何年も前からです。ChromeはバージョンWebP 23から、Firefoxは65から、Safariは14から、Edgeは18から対応しています。モバイルのブラウザも同じバージョンに従います。世界全体のWebP対応は97パーセントを超えます。実際のところ、2026年に現役で使われているブラウザなら、ほぼ確実にWebPを読めます。残る例外はInternet ExplorerとiOS 13以前のとても古いSafariくらいで、いまではまれです。

詳細

良い仕上がりの背後にある技、フォーマット、小さな決定についてのチームからのメモ。

2026年のAVIF対応の全体像
AVIFのブラウザ対応は2026年までに世界のブラウザのおよそ94.3パーセントに達しましたが、ブラウザの対応だけでは全体像になりません。画像が使われる場面の多くはブラウザの外にあります。本文に画像を表示するメールソフト、編集のためにファイルを開くデザインツール、アップロードを検証して作り直すコンテンツ管理システム、配信用の画像処理の流れ、素材を埋め込む文書エディタ、そしてアップロード時に画像を処理するSNSです。こうしたブラウザ以外のシステムの多くでは、AVIF対応はブラウザでの普及よりかなり遅れています。GmailやOutlook、そして多くの企業向けメールソフトは、いまだにAVIFを拒む古い処理の流れで画像を扱います。Adobe Creative CloudがAVIF対応を加えたのは2024年後半の版になってからです。古い画像プラグインを入れた多くのWordPressの構成は、いまもアップロード時にAVIFを止めます。一方でWebPは、こうしたほとんどのプラットフォームで何年も前から取り入れられています。AVIFをWebPに変換することは、このブラウザ以外の土台への対応の橋渡しです。
両側ともなぜ速いのか
AVIFからWebPが逆向きより速いのは、コーデックの組み立て方によります。AVIFの読み取りはブラウザのネイティブな読み取りが担い、新しい端末ではハードウェアの助けを借りて動きます。WebPの書き出しもブラウザのネイティブなWebPの仕組みを使い、多くのプラットフォームでやはりハードウェアの助けを受けます。どちらの処理も重い部品を読み込む必要がなく、それこそがAVIFの書き出しでの詰まりどころです。AVIF出力のための部品は大きく、セッションごとに立ち上げにおよそ1秒かかります。AVIFからWebPはそれをすべて飛ばします。流れは読み取ってからネイティブの経路で書き出すだけで、2メガピクセルの写真の往復はどの新しいデスクトップやノートのブラウザでも1秒をゆうに下回って終わります。だからAVIFからWebPは、利用者が1秒以内の応答を期待する対話的な作業に向いています。
書き出し直しの実際の代償
AVIFをWebPに変換するには書き出し直しが一度入ります。AVIFはもともとある程度の非可逆圧縮で書き出されていました。それを読み取ると、その非可逆な元を映した領域の値が得られます。続いてWebPがその領域に、画質85に合わせたほぼ無劣化の設定で自前の圧縮をかけます。その設定では、ふつうの写真の中身で出力のPSNRはおよそ44 dBになります。写真を通常の大きさで見る人にとって、元のAVIFと出力のWebPの差は見えません。小さなサイズのとても細かい文字、領域単位で正確なアイコン、ふちの硬い色のかたまりが入った図では、二度の非可逆処理が積み重なって、近くで見ると細かな差が出ることがあります。ライブラリ全体の変換に踏み切る前に、画質にいちばん敏感な素材で代表的なものを最大ズームで試してください。
透明部分の往復を細かく見る
AVIFの透明情報は別のレイヤーとして保存されており、ブラウザはファイルを読み取る際にそれを色情報と一緒に展開します。ブラウザがAVIFを読み取ると、色のバッファと透明マスクの両方ができます。変換はその両方を完全な透明度で重ね合わせ、半透明の領域もひとつ残らず保ちます。続いてWebPは非可逆のWebPを書き出しますが、そのアルファは透明レイヤーに限ってWebPの可逆の方法で別に保存されます。結果として、出力のWebPの透明マスクは、AVIFから読み取られたアルファの値に対して可逆に保たれます。柔らかなグラデーションやぼかしたふちは生き残ります。残るアルファの劣化は、AVIFのもとの符号化が入れたぶんだけです。元のAVIFのアルファのふちがきれいなら、出力のWebPのふちもきれいで、同じマスクがどんな背景の上に重ねる用にも整っています。
出力をほかの選択肢と比べる
AVIFを読めないシステムに合わせる必要があるとき、現実的な選択肢は三つです。WebPへの変換、PNGへの変換、JPGへの変換です。透明部分のある素材にはJPGは間違った選び方です。透明レイヤーがなく、それを単色に塗りつぶしてしまうからです。PNGはいちばん大きなファイルになり、ふつうAVIFの三倍から十倍ほどで、可逆の中間が要るときや届け先がPNGそのものを求めるときだけ正しい選択です。WebPはその中間に位置します。新しい環境での普遍的な対応を与え、透明部分を保ち、PNGのようにAVIFの300から1000パーセントではなく、ふつう20から25パーセント大きいだけのファイルを作ります。可逆の出力を求めない対応のための変換なら、WebPが正しい中間です。
1枚はブラウザで、束はサーバーで
この組み合わせは仕事に応じて二通りで動きます。1枚のAVIFは、ネイティブな道筋でまるごとあなたのブラウザの中で読み込まれ、WebPとして保存し直されるので、1ファイルには一切のアップロードがなく、ページの読み込み後に外向きの要求がゼロであることを開発者ツールが裏づけます。これは手早い用事や、内密の顧客の仕事、自社の製品画像、自分の機械に置いておきたい書類に正しい道です。何枚かのファイルをまとめて変換するのは私たちのサーバーで行います。まとめて、包み、一式を届けるのはサーバーが得意な仕事だからです。ファイルは上がり、エンコードされ、包まれ、一つのダウンロードとして返り、それはおよそ2時間で消えます。アカウントもなく、長く保つこともありません。実際のところ、1枚の変換は決して端末を離れず、束は遠くで処理されますが、ダウンロードにかかる短い窓のあいだだけ保たれます。