概要
PNG は、当時 LZW 圧縮に特許があった GIF に代わる、特許フリーの形式として 1996 年に誕生しました。W3C 勧告となり、のちに国際規格 ISO/IEC 15948 になりました。
PNG はグレースケール、パレット（最大 256 色）、フルカラー（1 チャンネルあたり最大 16 ビット）の画像に対応し、いずれも完全なアルファチャンネルを持てます。ロスレスなので、保存したものがそのまま戻ってきます。再編集する画像に最適です。
拡張仕様の APNG でアニメーションにも対応し、最新のブラウザはすべて表示できますが、多くの画像編集ソフトはまだ APNG を静止画として扱います。
メリット
- +ロスレスで画質が一切劣化しない
- +8 ビットの完全なアルファ透過
- +輪郭や文字がくっきり
- +どこでも使える
- +1 チャンネルあたり最大 16 ビット
デメリット
- −写真は JPEG の 5〜10 倍ほど大きくなることが多い
- −規格に非可逆モードがない（一般的にはパレット化で対処）
- −アニメーション（APNG）は編集ソフトの対応が少ない
PNG の圧縮の仕組み
まず各ピクセル行に「フィルター」をかけます。5 種類のフィルター（None、Sub、Up、Average、Paeth）のいずれかで各ピクセルを周囲から予測し、差分だけを記録します。フィルター後のデータは、ZIP と同じ DEFLATE（LZ77 とハフマン符号化）で圧縮されます。OxiPNG などの最適化ツールは多数のフィルターと DEFLATE の組み合わせを試し、ピクセルを 1 つも変えずにファイルを小さくします。また、パレット化（256 色以下に減色）すれば、見た目の違いをほとんど出さずにグラフィックを 50〜80% 削減できます。
主な用途
- ロゴ、アイコン、UI 素材
- スクリーンショットや図
- 透過が必要な画像
- 編集途中の中間ファイル
ブラウザとソフトウェアの対応状況
すべてのブラウザと画像アプリが対応しています。APNG アニメーションも現行のすべてのブラウザで動作します。
PNG の変換方法
このページ上部の変換ツールを使います。ファイルをドロップし、出力形式を選んで結果をダウンロードするだけです。変換はブラウザ内で行われるため、何もアップロードされません。
- JPG は透過に対応していません。透明部分は背景色で塗りつぶされます。
ブラウザ内でローカルに処理
PNG に関するよくある質問
PNG と JPG のどちらを使うべきですか？
写真には JPG、くっきりした輪郭、文字、ベタ塗り、透過を含むグラフィックには PNG を使いましょう。写真を PNG で保存すると画質は落ちませんが、通常はかなり大きくなります。
PNG ファイルが大きいのはなぜですか？
PNG はロスレスなので、写真の細かなディテールを省略できません。減色つきの PNG 圧縮を試すか、写真なら JPG、WEBP、AVIF に変換しましょう。
PNG はアニメーションに対応していますか？
はい、最新のブラウザが対応している APNG 拡張で可能です。ただし多くの編集ソフトは最初のフレームしか表示しません。
PNG に変換すると画質が上がりますか？
いいえ。PNG は画像をそのまま保持するだけで、非可逆形式ですでに失われたディテールは戻りません。