使い方
- ファイルを選択を押してPNGを選ぶか、画像をボックスにドロップします。画像の大きさは名前の下に表示されます。
- 残す色数を選びます。最も正確な256から始め、画像が不自然に見えるまで少しずつ減らしてください。
- PNGを圧縮するを押してから、新しいファイルをダウンロードします。その横に、圧縮前と後の大きさが表示されます。
パレットPNGの作り方
PNGは、各画素を色表への番号(インデックス)として保存できます(カラータイプ3)。そのため、1画素は1バイトで済み、色表が小さいとさらに少ないビット数で済みます。このツールは、画像の画素から色の量子化器で色を選び、各画素を番号として書き出し、行をPNGがいつも使うのと同じ方式のdeflateで圧縮します。
PNG仕様では、この色タイプにはPLTEチャンクが必要で、ビット深度は1、2、4、8を使えると定められています。そのため、16色の色表では1画素に4ビット使います。透明度はtRNSチャンクに保たれます。色ごとに透明度の値を持ち、そこに含まれない色は完全に不透明です。
失われるものと、失われないもの
色数を減らすと画質が落ちます。なめらかな階調のある写真は、色数が減ると急速に細部を失います。一方、ロゴ、アイコン、スクリーンショットは、少ない色数でも見た目を保つことが多いです。ページは圧縮前と後の大きさを示すため、まだ正しく見える最も小さいファイルを選べます。
このツールは画像の大きさを変えず、透明度も変えません。すでに色数が少なく、圧縮の効いている画像は、かえって大きくなることがあります。その場合は注記で示されるため、元のファイルのほうが適しています。
例:1200×800ピクセルのロゴ
1200×800ピクセルのロゴを16色に減らすと、各画素に4ビット使います。その生の画素データは480,800バイトです。800行あり、各行は600バイトで、各行の先頭に1バイトのフィルターがあります。同じ画像を24ビットの色で保存すると、圧縮前に2,880,800バイト必要です。deflateでさらに行が小さくなり、圧縮後に表示される大きさが実際の値です。
よくある質問
PNGを圧縮するとき、画像はアップロードされますか?
いいえ。ブラウザが画像を読み取り、色を選んで、新しいPNGをお使いの端末に書き出します。ページを読み込んだ後でインターネット接続を切り、小さなPNGを圧縮してみると、確認できます。
ここでPNGを圧縮すると、画質は変わりますか?
はい。色数を減らすため、結果は元に戻せない変換です。残す色数が少ないほど、色は元の画像と違ってきます。画像がまだ正しく見える、最も少ない色数を選んでください。
透明な背景は残りますか?
はい。透明度はPNGのtRNSチャンクに書かれるため、背景は透明なままで、半透明の縁も透明度の値を保ちます。
新しいPNGが元の画像より大きくなることがあるのはなぜですか?
色数がすでに少なく、圧縮も効いて保存されたPNGは、色表を使ってもこれ以上小さくならないことがあります。その場合、ページは新しいファイルが大きいと示すため、元のファイルを残すほうが適しています。
このツールで圧縮できる最も大きな画像はどれくらいですか?
画像はブラウザが読み込み、約5000万画素までに制限されます。iPhoneとiPadでは1600万画素です。それより大きな画像は、色を減らす前にその上限まで縮小されます。
出典
- W3C(英語):Portable Network Graphics(PNG)Specification、第2版
- gifenc(英語):このツールが使う色の量子化器(MITライセンス)
- WHATWG(英語):HTML、canvas要素とそのピクセルデータ
数値と文章の最終確認日:2026年11月10日火曜日。