本文へ移動

PNG を AVIF に変換

PNG ファイルをドロップして AVIF でダウンロードしてください。変換は端末の中で行われます。

変換先の形式
PNG ファイルをドロップすると AVIF に変換しますJPG、PNG、WebP、HEIC など。サーバーには送られません。 スクリーンショットの貼り付けもできます。

使い方

  1. 出力形式は AVIF に設定されています。
  2. 品質を決めてください。文字やグラフィックは 90、写真は 80 前後が目安です。AVIF エンコーダーは初回に読み込みます。
  3. PNG ファイルをドロップしてください。ほかの形式でも構いません。
  4. 1 枚ずつ、またはすべてを ZIP でダウンロードしてください。

PNG から AVIF に変換する理由

大きな PNG のスクリーンショット、イラスト、背景を消した商品画像は、ページで最も重いファイルであることがよくあります。AVIF は PNG のように透明度を保ちながらはるかに強く圧縮するので、1 MB の PNG が画面上の違いなく 100〜200 KB の AVIF になることがよくあります。

ファイルで変わること

ここでの AVIF は非可逆方式です。品質 90 以上では単色と文字がくっきり残りますが、さらに下げると細い線が柔らかくなり、グラデーションにかすかなむらが出ることがあります。アルファチャンネルは保たれるので、透明背景は透明のまま残ります。エンコーダーは初めて使うときにこのサイトから読み込み、端末で実行されます。

ほかの変換

PNG → JPG, JPG → PNG, PNG → WebP, JPG → WebP, JPG → AVIF, WebP → JPG, WebP → PNG

よくある質問

AVIF は透明背景を保ちますか?

はい。AVIF はアルファチャンネルを保存するので、ロゴや背景を消した画像の透明な縁が保たれます。

グラフィックには AVIF のほうが WebP より良いですか?

通常は同じ品質でより小さく、大きなイラストでは特にそうです。ごく小さなアイコンでは差が数百バイトなので、WebP や SVG のほうが簡単なことがあります。

文字が少しぼやけるのはなぜですか?

非可逆の AVIF は低い品質でくっきりした縁を柔らかくします。小さな文字のあるスクリーンショットはスライダーを 90 以上に上げ、すべてのピクセルが同じでなければならないなら PNG のままにしてください。

WordPress は AVIF のアップロードを受け付けますか?

WordPress 6.5 以降は、サーバーの画像ライブラリが対応していれば AVIF を受け付けます。多くの CDN と Shopify も AVIF を配信します。古いプラグインはサムネイルを作れないことがあります。

関連ツール