PNGを50KBに圧縮

透過背景やくっきりしたエッジが必要な画像には、PNGがよく使われます。メール署名のロゴ、ヘルプセンターのアイコン、プロフィールページのバッジ、ステッカー、不具合報告用に切り抜いたスクリーンショットなどです。こうした用途には容量の制限があることが多く、コンテンツ管理システムや学習プラットフォーム、古いWebフォームでは画像の上限が50 KBなどに設定されています。

問題は、PNGの書き出しがなかなか小さくならないことです。デザインツールはアルファチャンネル付きの32ビットカラーで保存し、WindowsのSnipping ToolやmacOSのスクリーンショットのショートカットも既定でPNGで保存します。幅1280 pxのロゴ書き出しやブラウザ画面1枚のキャプチャは、数百KBから始まることも珍しくありません。

ここでの非可逆モードは、パレットの減色処理です。画像の中で重要な色を最大256色選び、すべてのピクセルを最も近い色に割り当て、赤・緑・青・アルファの32ビットの代わりに、1ピクセルあたり8ビットのインデックスを1つだけ保存します。パレットの各色はPNGのtRNSチャンクで独自の透明度を保つため、ロゴのアンチエイリアスされた縁も、どんな背景にもなじみます。

可逆モードはすべてのピクセルを保ちます。手を加えられるのはエンコードだけです。PNGは5種類の行フィルター(None、Sub、Up、Average、Paeth)のいずれかを試してから、ZIPファイルと同じアルゴリズムのDeflateでデータを圧縮し、テキストチャンクや埋め込みサムネイルなどのメタデータは削除されます。これで一般的な書き出しの数%から3分の1ほど小さくなりますが、400 KBを50 KBにするには足りないことがほとんどです。2つの形式がなぜこれほど違うのかは、JPGとPNGの違いガイドで解説しています。