Picovert

PNG形式とは？使うべき時と切り替えるべき時

Picovert チーム著2026-05-255分で読了

PNG（Portable Network Graphics）は、すべてのピクセルを正確に保持する可逆画像形式です。 透過背景をサポートするため、ロゴ、アイコン、UI要素の定番形式です。デメリット：PNGファイルは 写真の場合JPEGよりはるかに大きく、すべての用途でWebPより大きいです。このガイドでは PNGとは何か、いつ使うべきか、いつ小さい形式に切り替えるべきかを説明します。

PNGとは

PNGは1995年にGIFの特許なし代替として作られました。名前はPortable Network Graphicsの略です。 主な特性：

  • 可逆圧縮：情報を捨てずにデータを圧縮します。すべてのピクセル値が 正確に保持されます。PNGを開いて保存し直しても品質は劣化しません
  • 透過（アルファチャンネル）：PNGは8ビットアルファチャンネルを完全に サポートします — 各ピクセルは完全に透明、完全に不透明、またはその間の任意の不透明度を 持てます。これがJPEGに対するPNGの最大の優位点です
  • RGBカラー：24ビットRGB（1677万色）と32ビットRGBA（RGB+アルファ）をサポート。 8ビットインデックスカラー（PNG-8、最大256色）もサポートします
  • 可逆 = 大きいファイル：PNGはすべてのピクセルデータを保存するため、 写真ファイルは85%品質の同等JPEGより5〜20倍大きくなります

PNG vs JPEG vs WebP — それぞれをいつ使うか

  • PNG：ロゴ、アイコン、スクリーンショット、UIモックアップ、テキスト入り グラフィック、透過が必要な画像。可逆品質が必要か透過が必要な場合に使用
  • JPEG：透過なしの写真と複雑な画像。写真ではPNGより5〜10倍小さい。 透過サポートなし
  • WebP：ウェブに最適 — 写真ではJPEGより25〜35%小さく、PNGのように 透過をサポートするがファイルサイズはずっと小さい。全モダンブラウザで対応。PNG to WebPコンバーターで変換可能
  • AVIF：WebPよりさらに小さい（JPEGより30〜50%小さい）、透過サポート。 2025年以降のウェブ画像の最良の選択。PNG to AVIF変換

ファイルサイズ比較

典型的な1920×1080の写真の場合：

  • PNG：2〜6 MB（可逆）
  • 85%品質JPEG：200〜500 KB（4〜15倍小さい）
  • 80%品質WebP：150〜350 KB（6〜20倍小さい）
  • 80%品質AVIF：80〜200 KB（10〜40倍小さい）

透過のある512×512ロゴ/アイコンの場合：

  • PNG：20〜150 KB（可逆、透過保持）
  • WebP：10〜80 KB（より小さい、透過保持）
  • JPEG：使用不可 — 透過をサポートしない

PNG-8、PNG-24、PNG-32の説明

  • PNG-8：8ビットインデックスカラー — 最大256色、バイナリ透過（完全透明か 完全不透明）対応。シンプルなアイコンとウェブグラフィックに最適。ファイルが非常に小さい
  • PNG-24：24ビットRGB — 1677万色、透過なし。PNG-8より大きいが 写真や複雑なグラフィックで完全な色忠実度
  • PNG-32：32ビットRGBA — 1677万色+完全なアルファ透過。滑らかな透過 エッジ（アンチエイリアス透過）が必要なロゴとUIアセットで最も一般的なPNGタイプ

PNGの圧縮の仕組み

PNGは2段階の可逆圧縮プロセスを使用します：

  1. フィルタリング：各ピクセル行は5つのフィルター（None、Sub、Up、 Average、Paeth）のいずれかで処理され、隣接ピクセルに基づいてピクセル値を予測します。 これによりパターンがより圧縮しやすくなります
  2. Deflate圧縮：フィルタリングされたデータはdeflateアルゴリズム（ZIP・ gzipと同じ）を使って圧縮されます。繰り返しパターンを見つけ、短い参照に置き換えます

可逆であるため、PNG圧縮は繰り返しパターンを見つけてスペースを節約します — 品質を下げて ファイルサイズを減らすことはできません。微妙に異なるピクセルカラーが数百万ある写真は PNGでの圧縮効率が低いです。大きな単色エリアのあるシンプルなグラフィックは非常によく 圧縮されます。

PNGを別形式に変換すべき時

  • ウェブパフォーマンスのため：読み込み時間を短縮するためにPNG写真を WebPまたはAVIFに変換。PNG to WebPは通常、 目立つ視覚的差異なしに写真サイズを70〜85%削減します
  • ウェブのロゴ：PNGロゴをWebPに変換 — 透過を保ちながら50〜70%小さい ファイルサイズ
  • メール添付ファイル：メール用にPNG写真をJPEGに変換 — メールクライアント に関わらずほとんどの受信者が開ける小さなファイル
  • 印刷：PNGを維持するかTIFFに変換 — どちらも可逆で印刷の完全品質を保持

PNGファイルの圧縮

pngcrush、oxipngなどの可逆PNG最適化を使用すると、非可逆形式に変換せずにPNGファイルサイズを 削減できます。これはピクセル値を変更せずにPNGをより効率的に再圧縮します — 通常デフォルトで 保存されたPNGより10〜30%小さくなります。

より大きな削減には、より効率的な形式に変換する画像圧縮ツールを 使用してください。またはPNG-32をPNG-8に削減する非可逆PNG圧縮（pngquant）を使用できます — シンプルなグラフィックには効果的ですが、複雑なグラデーションでカラーバンディングが 出ることがあります。