透明を失わずに PNG を AVIF へ

PNG を渡せば、透明な領域が変換のどの段階も生き残るコンパクトな AVIF が返ってきます。

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

PNG を AVIF へ変える

PNG を AVIF へ変える

PNG をドロップ領域へ引き込むか、軽く触れて選びます。探すべき変換ボタンはなく、ファイルが届いた途端に作業が始まります。セッション最初の変換は、AVIF への変換を読み込むのにおよそ 1 秒を使います。そこからは小さな画像がおよそ 40 ミリ秒で、1 メガピクセルの写真がおよそ 250 で、4K の一枚がおよそ 2.8 秒で仕上がります。8 メガピクセルを超えるものは携帯で 10 秒や 30 秒まで伸びることがあります。AVIF が現れたら、ダウンロードがそれを元の名前に .avif 拡張子を付けて書き出し、サイズの表示が古い値と新しい値を並べて見せます。

透明は生き残るのか

透明は生き残るのか

生き残ります。そしてその生存こそ、ここで JPG ではなく AVIF を選ぶ理由のすべてです。アルファチャンネルは AVIF にとって生来のもので、入ってきた透明なピクセルは出ていくときも透明のままです。何もない上に浮かぶバッジ、ふちをぼかした商品の切り抜き、丸いアイコン、どれもマスクを保ったまま AVIF に収まり、後ろに白い四角もなく、ふちに光輪もありません。JPG はそれが単純にできず、アルファを持たないので、かつて透明だった場所に単色を塗ります。WebP もアルファを抱えられますが、同じ品質での容量で AVIF には届きません。今のブラウザーへ向かう透明な作品に、これほど小さいものは他にありません。

AVIF はどれほど軽いのか

AVIF はどれほど軽いのか

品質 85 に保つと、AVIF は写真で PNG より 30 から 50 パーセント、同じ絵の WebP より 20 から 30 パーセント軽くなりがちです。ある開発時の計測では、JPG として 116 KB の 4K の一枚が AVIF として 16 KB まで下がりました。小さな画像も同じように縮み、17 KB の PNG が約 6 KB になりました。すでに押しつぶされた素材は戻りが少なく、平らな色のグラフィックやふちの硬いロゴはほとんど動きません。自然な写真が最大の削りを返し、それこそ多くの商品ページやヒーロー部分を最も膨らませるファイルで、節約が効くのはまさにそこです。

画質と所要時間

画質と所要時間

非可逆の形式なので、AVIF はここで固定の品質 85 で働きます。その水準の写真は 42.6 dB の PSNR の近くに座り、ふつうの場面では PNG と同じに読めます。くっきりした文字や細い線は例外で、どの非可逆設定でもかすかなノイズを拾えるので、それらは PNG に置きます。所要時間は画像の大きさとエンジンに沿います。Chrome デスクトップは一メガピクセルを四分の一秒ほどで、八メガピクセルをおよそ 2.8 秒で扱います。Firefox はおよそ四倍を要し、携帯はそこへさらに三倍から五倍を足します。セッション最初の一回も、AVIF への変換が立ち上がる間に短い温めを背負います。

ファイルがどこで扱われるか

ファイルがどこで扱われるか

AVIFは作るのに負荷がかかるため、最良の品質と速度に達するようAralumaはこの変換を当社のサーバーで実行し、サーバーに届かないときはブラウザのエンコーダーに切り替えます。つまり変換時にPNGが当社へ渡ることがあります。扱いは単純です。ファイルはAVIFになり、結果はあなたに戻り、両方とも約2時間で当社のサーバーから消去されます。画像の写しは残さず、アカウントも求めず、あなたが始めた変換以外の用途には使いません。サーバー経路が使えない場合、エンコードはあなたのブラウザで動きます。どちらの道でも、同じアルファチャンネルと同じ品質の同じAVIFが手に入ります。

2026 年に AVIF が効く場所

2026 年に AVIF が効く場所

対応は 2026 年に世界の約 94.3 パーセントのブラウザーに座ります。Chrome は 85 から、Firefox は 93 から、Safari は 16.4 から(iOS 16 以降)、Edge は 121 からです。取り残されているのは Internet Explorer、Opera Mini、そしていまだ iOS 15 以前にいる何かです。訪問者の一部がそこに住むなら、AVIF を先頭に置き、picture 要素が彼らを自動で WebP へ落とすに任せます。多くの最新の往来では、その落としどころはめったに発火しません。Chrome と Safari が携帯からの訪問の大半を担い、どちらも 2022 年から AVIF をそのまま描いてきたからです。

使い方

  1. PNG を加える

    PNG をドロップ領域へ引き込むか、軽く触れてファイルの一覧を開き、端末から一つ選びます。

  2. 変換に任せる

    最初の変換は、AVIF への変換を読み込むのにおよそ 1 秒を使います。同じタブでその後の一つひとつはより速いです。

  3. サイズを見比べる

    AVIF が整うと、表示が PNG のサイズを新しい AVIF のサイズの隣に置き、下がり幅をはっきりさせます。

  4. AVIF を残す

    ダウンロードのボタンを押すと、仕上がったファイルが元のベース名を抱えたまま新しい .avif 拡張子を付けて端末へ書き出されます。

変換を続ける

互換のために逆向きが要りますか、それともより速い変換と広い対応に WebP が欲しいですか。どちらも一押しの先です。

よくあるご質問

なぜ PNG を AVIF へするのか

今のブラウザーが描くなかで最も軽い形式が AVIF であり、しかも透明を保ったままそれをするからです。フロントエンドの開発者やデザイナーは、透明なインターフェイス部品、商品の切り抜き、ダウンロードを安く保ちたいアイコンにこれへ手を伸ばします。容量の削りは具体的で、ほぼ同じ見た目の品質でしばしば PNG より 30 から 50 パーセント下、そしてアルファチャンネルは、JPG なら消していたはずの場所で手つかずのまま付き添います。

透明は保たれるのか

はい。AVIF は生来のアルファチャンネルを携え、このペアはそれをまっすぐ通します。PNG の透明な領域は AVIF でもなお透明です。JPG はそれをこなせず、アルファを持たないので隙間に単色を落としますが、AVIF は切り抜き、ロゴ、積み重ねた層を PNG と同じように、ただしずっと小さく扱います。手でマスクを描き直す必要は一度もありません。

どのブラウザーが AVIF を映せるのか

今のエンジンはどれもこなします。Chrome はバージョン 85 から、Firefox は 93 から、Safari は iOS 16 を傍らに 16.4 から、Edge は 121 からです。こなせないのは Internet Explorer、Opera Mini、そして iOS 15 に取り残された端末です。その尾まで届けるには、AVIF を先に差し出し、ブラウザーが否と言えば WebP か PNG へ落とす HTML の picture 要素で画像を包みます。

AVIF は非可逆か可逆か

AVIF は両方を支えますが、ここでの出力は品質 85 の非可逆です。その水準の写真はおよそ 42.6 dB の PSNR を読み、たいていの人は元と見分けられません。硬いふち、細い字体、平らな色の広い面を持つ画像は、どの品質でもわずかなノイズを覗かせることがあります。すべてのピクセルがきっかり合う必要があるときは、変換せずに PNG を残してください。

AVIF と WebP の違いは何か

似た品質の写真では、AVIF は WebP よりおよそ 20 から 30 パーセント小さく走ります。WebP は古い Safari を含めより広い手の届きで応え、AVIF は 2026 年に約 94.3 パーセントのブラウザーを覆います。帯域が第一で相手が最新なら、AVIF が勝ちます。全員へ届ける必要があるなら、WebP を手元に置きます。2026 年のありふれた組み方は、picture 要素のなかで AVIF を先、WebP を後ろに据えます。

変換はどれくらい走るのか

大きさとエンジンが決めます。セッションの口火を切る一回は、AVIF への変換を整えるのにおよそ 1 秒を使います。温まれば、小さな画像はおよそ 40 ミリ秒、一メガピクセルの写真は 250 の近く、4K の一枚は Chrome でおよそ 2.8 秒で仕上がります。8 メガピクセルを越えると携帯は 10 秒から 30 秒座り込むことがあります。Firefox は Chrome のおよそ四分の一の歩みで這うので、大きな仕事は Chrome のほうが早く片づきます。

詳細

良い円形クロップの背後にある技、フォーマット、小さな決定についてのチームからのメモ。

AVIF が容量で PNG を押しつぶせる理由
AVIF は AV1 コーデックに乗り、バイト単位の忠実さよりも目が受け入れるものへ向けて調えられています。PNG は生のピクセルに DEFLATE を当てますが、これは可逆である一方、写真の中身を満たす冗長さに目が利きません。AVIF はその冗長さを、映像コーディングのブロック予測の手口と取り替え、視覚の仕組みが決して記さない細部を落とします。見返りは急です。あの 116 KB の写真は品質 85 でおよそ 16 KB になり、透明な PNG はおおむね同等の WebP に対して 30 から 50 パーセント落ちます。高解像度の写真は隔たりを広げ、素朴なグラフィックはそれを縮めます。透明な画像を最新の人々へ送るどのサイトも、それをより速いページとより軽い帯域の請求へ変えます。
アルファチャンネルを変換の道沿いに追う
PNG も AVIF も、透明を色の隣の別のアルファ面に置きます。このペアがあなたの PNG を読むとき、デコーダーが色のピクセルとマスクを引き離します。続いて AVIF への変換が自前の真新しいアルファトラックを敷き、AV1 のフレーム内コーディングに頼って色とマスクを等しく品質 85 で締めます。透明は決して色へ溶け込まず、後ろに埋め草を受けることもありません。落とす影、ぼかしたふち、半ば透けるグラデーションはどれも忠実に渡ります。唯一の代価は、AVIF がアルファ面もまた非可逆に締めることで、強く拡大したとき非常に硬いふちにかすかな縁取りを残しうる点です。ふつうのサイズと品質 85 では見えないままです。ごく小さくピクセルきっかりのアイコンには、PNG に留まってください。
各エンジンでの現実的な所要
変換はセッションに一度読み込まれ、取りに行くのにおよそ 800 ミリ秒、立ち上げにもう 300 ほどかかるので、口火の変換はおよそ 1 秒の温めをまといます。温まった一走りはどれもそれを飛ばします。Chrome デスクトップは 0.12 メガピクセルをおよそ 40 ミリ秒で、一メガピクセルを 250 の近くで、八メガピクセルをおよそ 2.8 秒で片づけます。Firefox は遅れ、およそ四倍を取り、4K の一枚をそこで 30 秒の先へ押すこともあります。WebKit の Safari は二つの間に、Chrome 寄りに着きます。中位の携帯はどれもこれも Chrome デスクトップより三倍から五倍遅く走ります。大きなファイルが日常なら、デスクトップの Chrome の一席が家で最も速い場所です。
PNG を PNG のままにすべきとき
容量が物を言う場でも、なお PNG を呼ぶ仕事がいくつかあります。ラベル、バッジ、ファビコン大の印に乗る小さなサイズのくっきりした文字は、近くで見ると読みにくい AVIF のノイズを集めることがあります。この先も編集するつもりの元ファイルも PNG に属します。非可逆の形式を一度通すたびに損なわれが積み上がるからです。一部の行き先は AVIF を頭から拒み、ある文書エディター、古いデザイン一式、いくつかのメールクライアントがそのうちにあり、それらは PNG を欲します。最初のフレームより先のアニメーションもここで落ち、ペアは一フレームを扱います。それ以外のどこでも、最新のサイトへ向かう透明な写真とグラフィックには、PNG から AVIF が一手です。
数字で見る Core Web Vitals の論
見出しの読み込み指標である Largest Contentful Paint は、ページで最も大きな画像の容量にまっすぐ応じます。試験で 4K 写真について測ったその数、116 KB から 16 KB へ画像を移すと、10 Mbps の線でその要素の転送がおよそ 93 ミリ秒からおよそ 13 へ縮みます。同じ削りを商品の格子、回るヒーロー、透明なアイコンの詰まったインターフェイス全体へ広げれば、合計が LCP を Google が良と読む 2.5 秒の印の下へ楽に引きずります。AVIF を推す論が固まったのは、それを素の数字で語れるからです。94.3 パーセントの近くの対応では、落としどころは余分の picture の印を帯域の利が上回るほどには稀です。
一般的なオンライン変換ツールとの違い
ほとんどのオンラインAVIF変換ツールはあなたのPNGを遠隔のハードウェアへ送り、その運営者が守る保持規則のもとで結果を保管します。その規則はしばしば曖昧なままです。Aralumaは仕組みについて明快です。AVIFは重いため、最もきれいな結果のために変換は当社のサーバーで動き、サーバーに手が届かないときはブラウザのエンコーダーがひとりでに引き継ぎます。ファイルが当社に届くと、エンコードされたのち約2時間で消去され、アカウントは求めず、あなたが始めた変換を超える用途はありません。長期保管も共有もありません。顧客の仕事、未公開の製品写真、利用者の素材を扱う方にとって、この取引の正直な形はこうです。ファイルは当社のサーバーを通ることがあり、あなたのAVIFを作るためだけに触れられ、そこに居座りません。