PNGとは？透過、圧縮、使うべきタイミングを解説

PNGはインターネット上で最も広く使われている画像フォーマットの一つですが、何が特別なのか、いつ使うべきなのかを完全に理解している人は多くありません。ロゴのダウンロード、スクリーンショットの保存、透過背景のグラフィックの作業など、PNGファイルに出会ったことはほぼ間違いなくあるでしょう。しかし、PNGとは正確には何で、なぜ重要なのでしょうか？

PNGはPortable Network Graphics（ポータブル・ネットワーク・グラフィックス）の略で、1996年にGIFフォーマットの無料でオープンな代替として導入されました。以来、鮮明なディテール、くっきりしたテキスト、透過を必要とする画像の標準的な選択肢となっています。Webサイトのロゴからアプリのアイコン、インフォグラフィックまで、品質を妥協できない場面でデザイナーや開発者が選ぶフォーマットがPNGです。

このガイドでは、PNGが他の画像フォーマットとどう異なるのか、透過と圧縮の仕組み、PNGファイルが時に大きくなる理由、そしてJPGやWebPなどの代替フォーマットと比較してPNGを選ぶべきタイミングについて解説します。

PNGとは何か（そして何でないか）

PNGはラスター画像フォーマットです。つまり、画像を個々のピクセルのグリッドとして保存し、各ピクセルが独自の色値を持ちます。これによりPNGは詳細なグラフィックに優れていますが、画質が解像度に依存することも意味します。SVGなどのベクターフォーマットとは異なり、PNG画像はシャープさを失わずに無限に拡大することはできません。

PNGの最大の特徴は可逆圧縮です。画像をPNGとして保存すると、すべてのピクセルがそのまま正確に保持されます。データの破棄なし、品質の劣化なし、圧縮アーティファクトなしです。PNGファイルを何十回開いて編集して再保存しても、画像はオリジナルと同一のままです。これは非可逆圧縮を使用し、保存するたびにわずかに劣化するJPGとは対照的です。

PNGはまた完全なアルファ透過をサポートしており、個々のピクセルを完全に透明、完全に不透明、またはその間の任意の半透明レベルに設定できます。これがPNGをロゴ、アイコン、どんな背景色の上でもきれいに表示する必要があるUI要素の定番フォーマットにしている理由です。

ただし、PNGは写真向けには設計されていません。写真を完璧に保存できますが、同じ画像に対してJPGやWebPが生成するファイルサイズよりも大幅に大きくなります。PNGはフラットカラー、鮮明なエッジ、テキストを含むグラフィックに優れていますが、何百万もの微妙な色の変化を含む複雑な写真画像には、他のフォーマットの方が効率的です。

画像をPNGに変換する必要がありますか？pic2PNGならブラウザ上で即座に処理でき、JPG、WebP、GIF、BMP、TIFF、AVIF、SVG、ICOの入力に対応しています。

PNGの透過の仕組み

透過は、人々がPNGを他のフォーマットよりも選ぶ最も重要な理由と言えるでしょう。その仕組みを理解することで、よくある落とし穴を避け、より良い結果を得ることができます。

PNGはアルファチャンネルを使って透過を制御します。PNG画像の各ピクセルは最大4つの値を持つことができます：赤、緑、青、アルファです。アルファ値はそのピクセルの透明度を決定し、0（完全に透明）から255（完全に不透明）のスケールで表されます。これによりPNGはピクセルあたり256段階の透明度を持ち、滑らかなドロップシャドウ、グラデーションフェード、どんな背景にもきれいに馴染むアンチエイリアスエッジなどの効果を実現できます。

これは、1ビット透過のみをサポートするGIFが提供する単純なオン/オフの透過とは根本的に異なります。GIFでは、ピクセルは完全に表示されるか完全に非表示かのどちらかで、曲線形状の周りにギザギザのエッジが生じます。PNGのアルファチャンネルは滑らかでプロフェッショナルな結果を生み出します。

よくある透過の間違い

最も頻繁に遭遇する問題の一つは、透過をサポートしないフォーマットで透過画像を保存することです。透過背景のPNGをJPGに変換すると、透過部分は白（場合によっては黒）で塗りつぶされます。JPGには透過という概念がないためです。変換前に、出力フォーマットがアルファチャンネルをサポートしているか必ず確認してください。

もう一つのよくある間違いは、白い背景を背景なしと同じだと思い込むことです。白い背景の画像と透過背景の画像は、白いWebページ上では同じに見えるかもしれませんが、色付きやパターンのある背景に配置すると全く異なる見え方をします。透過背景が必要な場合は、ソース画像が実際に透過背景を持っていることを確認してください。

PNGファイルが大きくなる理由

写真をPNGとして保存したことがある方は、ファイルが驚くほど大きいことに気づいたかもしれません。PNGファイルがJPGやWebPの同等ファイルよりも大きくなりがちな理由はいくつかあります。

可逆圧縮はすべてを保持します。PNGは画像データを一切破棄しないため、JPGのような非可逆フォーマットが実現する劇的なサイズ削減はできません。複雑な写真はJPGなら500KBかもしれませんが、PNGでは3MB以上になることがあります。人間の目にはほぼ同じに見えるにもかかわらずです。

色深度が影響します。PNGは最大48ビットカラー（さらに16ビットのアルファチャンネル）をサポートしており、これはほとんどの画像が必要とする以上です。8ビットアルファチャンネル付きの標準的な24ビットPNGは、ピクセルあたり4バイトを格納します。1920x1080の画像では、圧縮前の生のピクセルデータは約830万バイトになります。PNGのDEFLATE圧縮アルゴリズムがこれを大幅に削減しますが、出発点自体が非可逆フォーマットよりも大きいのです。

メタデータが積み重なります。PNGファイルには、カラープロファイル、テキスト注釈、作成タイムスタンプ、さらにはサムネイルプレビューなどの埋め込みメタデータを含めることができます。プロフェッショナルな編集ソフトウェアからエクスポートされた画像では、このメタデータがファイルサイズに数十〜数百キロバイトを追加することがあります。

良いニュースとしては、PNGファイルのサイズは品質を犠牲にすることなく大幅に削減できます。手法としては、不要なメタデータの除去、フルカラーが不要な場合の色深度の低減、最適化された圧縮ツールの使用などがあります。これらのテクニックの完全なウォークスルーについては、PNGファイルサイズの削減方法ガイドをお読みください。

まとめ

PNGは、グラフィック、デザイン、Web開発に携わるすべての人にとって不可欠な画像フォーマットであり続けています。可逆圧縮によりすべてのピクセルが意図した通りに正確に保持され、完全なアルファ透過によりロゴ、アイコン、UI要素、異なる背景上できれいに表示する必要のある画像に欠かせない存在です。

重要なのは、PNGを使うべき場面と別のフォーマットが適している場面を知ることです。PNGはくっきりしたグラフィック、透過、鮮明なエッジやテキストを含む画像に適しています。ピクセル単位の完全な保持よりもファイルサイズが重要な写真には、JPGやWebPの方がはるかに小さいファイルでより良い結果を提供します。

透過のためにJPGをPNGに変換する必要がある場合も、既存のPNGを最適化してファイルサイズを小さくする必要がある場合も、どのフォーマットを選ぶべきか理解したい場合も、適切なツールがすべてを変えます。pic2PNGなら、あらゆる画像をPNGフォーマットに即座に変換できます。ブラウザ上で直接、アップロード不要、登録不要、ファイルサイズの心配もありません。今すぐ試して、画像変換がどれほど簡単かを体験してください。