PNGをAVIFに変換 - 可逆圧縮で透過もそのまま

ブラウザ上でPNGを可逆圧縮のAVIFに変換。AV1のイントラ符号化が、全ピクセルと透過をそのまま残したままファイルを小さくします。アップロード不要、すべて端末内で完結。

ブラウザーネイティブ
プライバシー第一
無料

今すぐ変換

ファイルをここにドラッグ&ドロップ

または

使い方

AVIFは静止画をAV1コーデックのキーフレーム形式の中に格納します。AV1のフレーム内予測は、フィルター処理した行をDEFLATEで圧縮するPNGよりもはるかに賢く働きます。同じPNGを入力すれば、たいていピクセルは同一のままファイルだけが小さくなります。PNGの行フィルターが見逃す空間的な冗長性を、エンコーダーが見つけ出すからです。このツールは可逆圧縮のみで符号化するため、出力はアルファチャンネルも含めて元のPNGとビット単位で同じ画像になります。 PNGをドロップすると、ブラウザはcreateImageBitmapでそれを生のRGBAにデコードし、OffscreenCanvasにコピーしてからピクセルバッファを読み戻します。そのバッファはlibavifをWebAssembly化した@jsquash/avifエンコーダーに渡され、可逆モードを有効にしたうえで、速度とサイズのバランスが取れたeffort 6で実行されます。透過は本物のアルファチャンネルとして引き継がれ、白や市松模様の背景に塗りつぶされることはありません。 データが端末から出ることはありません。デコードも符号化もダウンロードもすべてタブ内で完結します。未公開のモックアップ、社内ダッシュボードのスクリーンショット、どこの誰とも分からないアップローダーには載せられないクライアントの素材を扱うとき、これこそが肝心です。タブを閉じればサーバー側には何も残りません。そもそも何も送られていないからです。

関連変換ツール

あなたのワークフローに役立つ他の強力なコンバーターを発見してください

PNG最適化ツール:ピクセルそのまま、可逆圧縮

oxipngでPNGファイルを可逆圧縮。フィルターとDEFLATEの最適化でピクセルはそのまま容量だけ削減。ブラウザ内で動作し、アップロードも画質劣化もありません。

PNGをBase64に変換:PNGをData URIにエンコード

ブラウザ内でPNGをBase64のData URIにエンコード。HTML・CSS・JSに貼り付けて小さなアイコンをインライン化できます。アップロード不要、ワンクリックでコピー、可逆。

PNGをJPEGに変換 - 重い写真PNGを軽くする

ブラウザでPNGをJPEGに変換し、写真のファイルサイズを削減。品質85の不可逆圧縮で再エンコードし、透明部分は背景色で塗りつぶされます。アップロードなし、ファイルは端末から出ません。

JPEG→AVIF変換:ブラウザ内でロスレス再エンコード

AV1コーデックのロスレスモードを使い、ブラウザ内でJPEGをAVIFファイルに包み直します。元画像へのさらなる圧縮なし、アップロードなし、ファイルは端末内にとどまります。

QOIをPNGに変換:Quite OK Imageを無料でデコード

QOI(Quite OK Image)ファイルをブラウザ上で直接PNGにデコード。可逆・アップロード不要で、QOIに対応していないエディターやブラウザでも.qoiを開けます。

PNGをQOIに変換:可逆圧縮のQuite OK Image

PNGをブラウザ内でQOI(Quite OK Image)にエンコード。可逆・1パス・アップロードなし。ゲームエンジンやアセット処理、デコーダーのテスト向け。

変換先AVIF

機能

  • ファイルアップロード不要
  • 100% プライバシー重視
  • ブラウザー駆動
  • 高速処理
  • 永久無料

対応フォーマット

.png

出力: AVIF

技術仕様

input Format PNG(Portable Network Graphics)、8ビットまたは16ビット、アルファの有無を問わず
output Format AVIF(AV1 Image File Format)
compression Type AV1のフレーム内符号化、可逆モード(effort 6)
quality Retention 可逆:出力は元のピクセルそのままにデコード、アルファも含む
color Space Support sRGB RGBA、アルファチャンネルによる完全な透過に対応
max Resolution 端末のメモリのみが上限
processing Time 一般的な画像なら一瞬、非常に大きな画像で数秒

主な利点

  • 可逆出力:AVIFは元のPNGとまったく同じピクセルにデコードされます
  • アルファチャンネルをそのまま保持し、背景に塗りつぶしません
  • 元のPNGより小さくなることが多く、特に細部の多い画像で効果的
  • すべてブラウザ内で完結、アップロードもアカウントも不要
  • ページを読み込んだあとはオフラインでも動作
  • WebAssembly版libavifによるAV1符号化、サーバーとのやり取りなし

一般的な使用例

  • スクリーンショットやUIモックアップを画質を落とさず小さく保管
  • 透過のある商品画像やロゴのPNGをよりコンパクトに保存
  • レンダリングした3DやゲームアセットのPNGを編集可能なまま小さく
  • 1ピクセルも失えないローカルの画像ライブラリを軽量化
  • あとでWeb向けに非可逆で再符号化できるAVIFのマスターを作成
  • 非公開のグラフィックを第三者のアップローダーに渡さず共有

プロのヒント

  • 写真やグラデーション主体のPNGははっきり小さくなり、ベタ塗りアイコンでは効果は控えめ
  • ワークフロー内にAVIFを読めないツールがあるなら、元のPNGも残しておく
  • 公開サイトでは、古いクライアント向けにAVIFを<picture>とPNGフォールバックで包む
  • 小さなベタ塗りグラフィックは、置き換える前にAVIFが本当に小さいか確認する
  • Web向けの最大限の圧縮が必要なら、非可逆のAVIFやWebPのツールを使う

よくある質問

これは可逆圧縮のAVIFなので、可逆同士の比較になります。効果は確かにありますが、劇的というより穏やかです。PNGで保存した写真やグラデーション、レンダリングしたアートは、AV1のイントラ予測がなめらかなディテールをPNGのフィルターより上手に扱うため、目に見えて小さくなることがよくあります。一方、ベタ塗りのアイコンや色数の少ないロゴはすでにPNGがほぼ最適なため、AVIFはわずかに小さくなる程度か、小さな画像ではまれに少し大きくなることもあります。AVIFと聞いてイメージするような大幅な削減が必要なら、それは非可逆圧縮によるもので、このツールでは行いません。
完全に可逆です。エンコーダーは可逆モードで動くため、AVIFはアルファ値も含めて元のPNGとまったく同じピクセルにデコードされます。量子化もぼかしも行われないので、図表やテキスト、スクリーンショット、あとで再編集するかもしれない画像にも安心して使えます。
はい、本物のアルファチャンネルとして保持します。半透明のフチ、やわらかいドロップシャドウ、切り抜いたオブジェクトは、背景色に塗りつぶされることなくPNGのままそっくり残ります。このアルファチャンネルとファイルの小ささの両立こそ、透過PNGをJPEGではなくAVIFに移す主な理由です。
Chrome、Edge、Firefox、Safari、最近のモバイルブラウザはいずれもAVIFをデコードできます。ブラウザの外では対応にばらつきがあり、新しめのmacOSやWindowsはプレビューできますが、古い画像ビューアーや編集ソフトの多くはまだ対応していません。公開サイトでは<picture>要素の中にAVIFを入れ、PNGのフォールバックを添えて配信してください。自分で管理する保存先やアプリなら、そのまま使って構いません。
AV1は各ブロックを最もコンパクトに予測する方法を探すために実際にCPUを使います。このツールはファイルを小さく保つためにその処理をeffort 6で行います。通常のスクリーンショットやアイコンなら素早いですが、処理はピクセル数に比例するため、数メガピクセルの画像はWebAssembly上で数秒かかることもあります。その見返りが、より小さな可逆ファイルです。
いいえ。PNGのデコードと再符号化はすべてWebAssemblyを使ってブラウザ内で行われます。サーバーへ1バイトも送られず、ログも保存も一切ありません。ページを一度読み込んでしまえば、ネットワークを切断した状態でも変換は動きます。
ここではできません。このコンバーターはピクセル単位で完全な結果を保証するために可逆固定で、品質スライダーはありません。Web向けにできるだけ小さなファイルが目的で、ごくわずかな(たいてい見えない)変化を許容できるなら、非可逆のAVIFやWebPのツールを使ってください。1キロバイトでも削るより忠実さが大事なときは、こちらをどうぞ。
1回につき1つのPNGを処理します。各変換は独立していて、通常サイズの画像なら高速なので、数ファイルを続けて処理してもすぐ終わります。ただし、すべてまとめてZIPにする一括モードはありません。