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

WebPをAVIFへ、アルファを保ったまま小さなファイルに

WebPをAVIFに変換し、透明部分を保ったまま20〜30パーセント軽い写真を手に入れましょう。

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

WebPをAVIFに変換する手順

WebPをAVIFに変換する手順

WebPをアップロードの場所に落とすか、クリックしてファイルを選びます。ファイルが届いた瞬間に変換が始まり、別の変換ボタンはありません。AVIFはもっとも作るのが重い形式なので、1枚の画像はいちばん良い結果のために私たちのサーバーへ送られ、AVIFがダウンロードできる形で返ってきます。小さな画像は1秒もかからず、200万画素の写真はおよそ1秒、800万画素なら数秒で変換されます。AVIFができたらダウンロードを押し、同じもとの名前と新しい.avifの拡張子で保存します。統計の行は両方のサイズを見せ、ダウンロードのリンクはおよそ2時間で消えます。

AVIFはWebPよりどれくらい軽いのか

AVIFはWebPよりどれくらい軽いのか

AVIFは写真なら同じ見た目の品質でWebPより20~30パーセント程度軽いファイルになります。これは多数の写真を含むテスト集で繰り返し確認されています。平らな色や硬い縁を持つシンプルな図では差が縮まり、WebPと並んだり上回ったりすることもあります。効果が一番大きいのは写真で、まさに現代の多くのサイトでページの重さを占めるファイルです。元のWebPが強く圧縮されている場合は節約幅がさらに縮まります。AVIFのブラウザ対応は世界で937パーセントを超えており、現代のブラウザを使う大多数のユーザーには問題なく届きます。

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

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

残ります。WebPはアルファチャンネルを扱え、AVIFも同じく扱えるので、変換はそれを変えずに運びます。透明な背景のWebPは同じ透明背景のAVIFになり、白い塗りつぶしも、色のずれも、縁のにじみも、乗算済みアルファの落とし穴もありません。これはJPGへの変換とは逆で、JPGには透明部分がないためアルファは壊れてしまいます。切り抜いたロゴ、画面部品のスプライト、透明な台紙の上のステッカーがWebPにあるなら、AVIFは安全な行き先で、先に画像を平らにする必要はありません。アルファの面は色のデータの隣に品質85で保存され、柔らかい縁を保ったまま出力に届きます。

品質と変換にかかる時間

品質と変換にかかる時間

どちらの形式も非可逆で、この組み合わせは品質85で動きます。その設定で写真の品質は良好で、自然な画像なら見た目はほぼ可逆です。硬い縁や平らな色を持つ図では薄い乱れが出ることがあります。元がすでに非可逆なWebPなので、これは二度目の非可逆処理であり、WebPがすでに捨てた情報は戻りません。速さはAVIFの圧縮効率と引き換えになります。Chromeのデスクトップでは200万画素の写真が1秒未満、800万画素が約3秒、2400万画素の一枚が10〜30秒で終わります。Firefoxはおよそ4倍遅く、スマートフォンはデスクトップのChromeより3〜5倍遅くなります。最初の変換では短い準備の待ちも生じます。

配信のためのAVIFブラウザ対応

配信のためのAVIFブラウザ対応

AVIFはいまや世界のブラウザの93パーセント超に届きます。Chrome 85以降、Firefox 93以降、Safari 16.4以降、Edge 121以降がそのまま表示します。Internet Explorer、Opera Mini、2022年より前のSafariは表示しません。配信での実用的な結論は、AVIFをWebPの代替付きで出すHTMLのpicture要素が、現代の通信のほぼすべてを覆うということです。残りのわずかな割合との互換性が大事なサイトでは、WebPの代替を残しておきます。現代のブラウザの読者だと確信できるサイトでは、AVIF単体でも成り立ちます。帯域の節約こそ、2026年に性能を重んじる開発者の間でAVIFを先にWebPを控えにする形が主流である理由です。

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

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

AVIFはもっとも要求の高い形式なので、この組み合わせはいちばん良い結果を届けるために私たちのサーバーを使います。つまりAVIFへの変換ではあなたのWebPがそこへ送られることがあります。処理が行われ、AVIFが返り、ダウンロードのリンクはおよそ2時間で消えます。複数のファイルをまとめて変換するときは、いつもサーバーがその束を引き受け、結果を一つのまとまりに集めます。これも同じおよそ2時間の窓です。もしサーバーに届かないときは、ページは代わりに1枚の画像をブラウザの中で作り、その1ファイルを端末にとどめます。私たちはアカウントも、プロフィールも、あなたの画像の控えも、その短い処理の窓を超えては持ちません。正直にまとめると、1枚のAVIFは品質のために私たちのサーバーで作られることがあり、束はいつもそうで、そのあとあなたのものは何も残りません。

使い方

  1. WebPを落とす

    WebPをアップロード欄にドラッグするか、欄をクリックしてファイル選択を開き、端末から一枚選びます。

  2. 変換させる

    AVIFはもっとも作るのが重い形式なので、画像はいちばん良い結果のために私たちのサーバーへ送られます。ダウンロードはおよそ2時間で消えます。

  3. サイズを確かめる

    AVIFができると、統計の行に元のWebPのサイズと出力のAVIFのサイズが並びます。写真なら20〜30パーセント減るのが普通です。

  4. AVIFを保存する

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

関連する変換

もっと広い互換性が要るならWebPに戻り、さらに大きな節約を狙うなら可逆のPNGから始めましょう。

よくあるご質問

AVIFはWebPより優れているのか

現代のブラウザの読者へ届ける写真なら、AVIFは圧縮で勝ります。同じ見た目の品質で通常20〜30パーセント小さいファイルで、これは写真のテスト集での計測に基づきます。平らな色と硬い縁の図ではWebPが互角で、時により小さなファイルを出します。どちらもアルファと動画を扱えます。読者が現代のブラウザを使うなら、いまや世界の利用者のおよそ93パーセントで、AVIFがより良い既定です。そうでなければ、WebPを控えに残します。

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

はい、世代ごとの劣化は避けられません。どちらの形式も非可逆なので、非可逆なWebPを品質85のAVIFで保存し直すと二度目の圧縮が重なります。写真なら仕上がりは通常の表示サイズで見た目でほぼ変わらないレベルです。硬い縁や平らな色の図では薄い乱れが出ることがあります。非可逆なWebPから本当の可逆AVIFは作れません。WebPが手放した情報は、この変換が始まる前にすでに失われているからです。

AVIFはWebPのように透明部分を扱えるのか

はい。WebPもAVIFも透明部分を扱えるので、変換はそれを正確に運びます。白い塗りつぶしも、色のずれも、縁のにじみもありません。これはJPGへの変換とは違い、JPGには透明部分がないためアルファが完全に消えてしまいます。細かいアイコン作業など、透明の縁が正確でなければならない場面では、元のWebPを手元に残し、最大ズームで結果を確かめてから公開することをお勧めします。

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

セッション最初の変換ではAVIFの準備におよそ1秒かかります。その後は200万画素の画像がChromeで1秒未満、800万画素が約3秒、2400万画素が10〜30秒です。大きなファイルやFirefoxの利用者には、デスクトップのChromeが最も速い選択です。急いでいる場合は、最初の変換をクールダウンとして別のタブで始め、その間に別の作業を進めることで待ち時間を有効活用できます。

AVIFの保存がWebPより遅いのはなぜか

AVIFは現代的な形式の上にあり、WebPの方式よりずっと重い処理を行います。このフォーマットは圧縮を限界まで押し上げるために作られ、その代わりに計算の重さを払い、遅い変換と引き換えに最上級の仕上がりを得ます。AVIFの読み出しはどの現代のブラウザでも速く、ハードウェアでの読み出しが標準だからです。けれども保存は重い仕事で、大きな写真の計算は本当に厳しく、だからこそ瞬時にはなりません。

WebPからAVIFへの変換はどんなときに向くのか

配信の環境を端から端まで握っていて読者が現代のブラウザを使うなら、WebPからAVIFへの引き上げは写真や写真らしい内容に向き、20〜30パーセントの節約がそのまま速いLCPにつながります。小さなアイコンや単純な図ではWebPがすでに小さく、効果は薄れます。変換の時間が処理の流れを止める高負荷のページや、行き先のシステムがWebPを指定する場合も同じです。

詳細

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

写真でAVIFがWebPを上回る理由
AVIFのWebPに対する圧縮の優位は、より新しい形式の仕組みに由来します。WebPはかつて動画向けに作られた古い方式を使い、2010年から静止画にも使われてきました。AVIFの土台となる新しい形式は、それ以前の方式の限界を狙った何年もの研究のあと2018年に登場しました。このフォーマットはより丁寧に色情報を処理し、より効率的に保存します。実際の結果は、大きな写真の集合でのテストが裏づけるとおり、写真では同じ見た目の品質でAVIFが通常WebPより20〜30パーセント小さいというものです。平らな色と硬い縁を持つ計算機生成の図では、WebPの単純な方式がよく対処するため差は縮まります。最も重い部品が写真であるどのページでも、AVIFへの引き上げは帯域に測れる影響を与えます。
二度目の非可逆処理を実際に扱う
WebPをAVIFに変換すると、元も出力も非可逆です。WebPが作られたとき、どの色情報を捨てるかはすでに決められ、その判断は動きません。AVIFへの変換ではそのどれも取り戻せません。AVIFはそのうえで、受け取った画素のデータについて品質85で自分の判断を下します。写真なら二つの非可逆処理を合わせても、ふだんのサイズでは見た目でほぼ可逆です。WebPの保存ですでに傷んだ図では、二度目の処理が見える乱れを上に積むことがあります。実用の目安はこうです。元のWebPが見せたいサイズできれいに見えるなら、AVIFもそうなります。WebPにすでに圧縮の雑音があるなら、送り出す前にAVIFをよく調べます。
アルファチャンネルがどう通り抜けるか
WebPもAVIFも、透明部分を色のデータの隣の別のアルファの面に収めます。変換はWebPのアルファを読み、完全な透明として組み合わせ、それをAVIFへ渡し、AVIFは品質85で自分の透明トラックを書きます。柔らかい透明の階調、ぼかした縁、半透明の領域は、この往復をすべて切り抜けます。AVIFのアルファの面は品質85で自身も非可逆なので、極端な拡大では硬い縁にかろうじて見えるにじみが出ることがあります。ふだんのウェブのサイズでは元との違いは見えません。アルファの縁が正確でなければならない小さなアイコンの画素単位の作業では、WebPの元を残し、送り出す前に出力を最大の拡大で確かめます。
ブラウザと端末ごとに見込む変換の時間
AVIFはブラウザのセッションごとに一度温まり、最初の変換に約1秒を足します。その後はChromiumが最良の処理量を出します。0.12メガ画素の縮小画像でおよそ40ミリ秒、100万画素の写真で250ミリ秒、4Kの写真で2.8秒、観測された最悪の場合で4800万画素の一枚に25秒です。Firefoxは目立つ外れ値で、同じ仕組みをおよそ4倍遅く走らせ、4Kの場合を31秒近くに、大きなファイルを2分の向こうへ押しやります。WebKitは両者の間で、Chromiumに寄ります。スマートフォンのハードウェアはどの仕組みでもデスクトップより3〜5倍遅くなります。一枚ずつの日々の変換にはノート型かデスクトップのChromeが実用的な道具です。Firefoxで大きな画像なら、正直な助言はブラウザを替えるかWebPに留まることです。
コアウェブバイタルとAVIFへの引き上げ
写真を出すページは、読み込む画像ごとに帯域の費用を払います。その画像がいまWebPなら、AVIFへ変えることで写真ではおよそ20〜30パーセント、画像ごとの転送が減ります。WebPの主画像があるページなら、AVIFはそのファイルを大幅に軽くします。縮小画像が多数並ぶ商品の格子では、AVIFはページ全体の重さを大幅に節約します。これらの節約は、LCPの要素が画像のとき、Largest Contentful Paintにそのまま効きます。AVIFのブラウザ対応が世界で94パーセント近い今、AVIFを先にWebPを控えに出すpicture要素はほぼすべての通信を覆います。記述の費用は画像の部品ごとに一度払い、帯域の節約はその後のページ読み込みのたびに返ってきます。
AVIFの変換がサーバーに頼る理由
AVIFは現代の動画と同じ系統の新しい形式の上に作られ、小さなファイルと引き換えにわざと作るのが重くなっています。その処理を、とくに大きな写真でうまくこなすのは、携帯のブラウザよりも本物のサーバーのほうがずっと速く確かなので、この組み合わせはできるかぎり良いAVIFを作るために画像を私たちのサーバーへ送ります。ファイルが処理され、結果があなたへ返り、ダウンロードはおよそ2時間で取り除かれます。アカウントもなく、長く保つこともありません。複数の画像をまとめて変換するのはいつもサーバーで動き、できあがった一式を一つのダウンロードにまとめ、同じ短い時間で消します。私たちのサーバーに届かないときは、1枚の変換は代わりにブラウザの中で作られ、そのファイルは手元に残り、手軽さのために遅い生成を受け入れます。取り引きははっきりしています。サーバーは、それをもっとも必要とする形式で品質と速さを買い、あなたのファイルは変換にかかる短い窓を超えては決して保たれません。