ツール一覧に戻る

PNG→AVIF変換 — 可逆画像を次世代の高圧縮形式に

PNG画像をAVIFに変換して、ファイルサイズを大幅に削減。高画質を維持しつつWeb配信の高速化を実現します。

完全ローカル処理

PNGファイルをドロップ、またはクリックして選択

.png (複数選択可)

フォーマット比較

変換元

PNG(Portable Network Graphics)は可逆圧縮を採用し、透過をサポートする画像フォーマットです。ロゴやスクリーンショットに最適です。

メリット

  • 可逆圧縮で品質維持
  • アルファ透過対応
  • シャープなエッジに最適

デメリット

  • ファイルサイズが大きい
  • 写真には非効率
変換先

AVIF(AV1 Image File Format)はAV1系の画像フォーマットで、高圧縮で画質を保ちやすいのが特徴です。環境によっては変換や表示が重く感じることがあります。

メリット

  • 高圧縮で容量を抑えやすい
  • HDR/広色域などに対応する場合がある
  • 透過に対応

デメリット

  • エンコードが遅い
  • 一部ブラウザでサポート限定

PNGからAVIFへの変換が必要な場面

Web掲載用のPNGをAVIFにして容量を抑えたいときに。AVIFは対応状況に差があるため、公開先の対応も確認すると安心です。

フォーマット技術解説

PNG の技術仕様

技術仕様


PNGは可逆圧縮のラスター画像フォーマットで、ピクセルをそのまま保持します。透過(アルファ)に対応しているため、ロゴやUI素材でもよく使われます。

向いている用途

- ロゴ/アイコン: 透明背景が必要な素材
- スクリーンショット: 文字や線がシャープな画像

注意点

- 写真: 容量が大きくなりやすい(WebP/JPEGが向くこともあります)
- 画質設定: 可逆形式のため「品質」設定の影響は小さい/ない場合があります

参考: W3C: PNG 3rd Edition
AVIF の技術仕様

技術仕様


AVIFは新しい画像フォーマットの1つで、Web配信用の軽量化に使われることがあります。写真の圧縮効率が良い一方で、変換の重さや対応状況は環境によって差があります。

向いている用途

- Web配信: 対応ブラウザ向けに容量を抑えたい
- 写真: 画質を保ちつつ小さくしたい

注意点

- 処理負荷: 変換が重く感じることがあります(枚数が多いときは分割推奨)
- 互換性: すべての環境で開けるわけではないため、必要ならWebP/JPEGも用意します

参考: AOM: AVIF Specification

使い方

1

ファイルを追加

変換したいPNG ファイルをドロップ、またはクリックして選択(複数OK)

2

出力形式を確認

既定はAVIF です。必要に応じて他の形式へ変更できます。

3

オプションを調整

画質・リサイズ・Exif保持を、必要なときだけ設定します。

4

変換してダウンロード

変換後は個別にダウンロードできます。複数枚ならZIPでまとめて取得できます。

よくある質問

PNG→AVIF変換でどのくらい小さくなりますか?

画像の内容によりますが、40〜80%のサイズ削減が一般的です。特に写真系のPNGでは効果が大きいです。

AVIFの対応ブラウザは十分ですか?

Chrome・Firefox・Safari(iOS 16+/macOS Ventura+)で対応済み。2024年現在、90%以上のブラウザがAVIFを表示できます。

透過は保持されますか?

はい。AVIFはアルファチャンネルに対応しているため、PNGの透過情報を引き継げます。

変換すると画質は落ちますか?

出力形式によります。PNGは可逆圧縮なので画質は変わりません。JPEG/WebP/AVIF/JXLなどの非可逆形式は、画質(品質)設定でファイルサイズと見た目が変わります。公開前に実物で確認するのが確実です。

メタデータ(Exif)は保持できますか?

「Exif/メタデータを保持」をONにすると、可能な範囲で撮影日時・カメラ情報・位置情報などを引き継ぎます。入力画像や出力形式、ブラウザ環境によっては一部タグが保持できない場合があります。公開用に位置情報を削除したいときはOFFにしてください。

一度に何枚まで変換できますか?

複数ファイルの選択に対応しています。変換後は個別にダウンロードでき、複数枚ならZIPでまとめてダウンロードも可能です。大量の画像は数回に分けると安定します。

画像はサーバーにアップロードされますか?

いいえ。変換処理はブラウザ内で完結し、画像データが外部に送信されることはありません。

変換で色味が変わるのはなぜ?

ブラウザのデコード/エンコードや色管理の違いで、見え方が少し変わることがあります。重要な画像は、変換後に元画像と見比べて確認するのがおすすめです。

参考情報

最新記事