PNG画像を圧縮
PNGは自分のエンコーダーに対してピクセルを失うことがないため、圧縮することは正直な分岐点になります：画像を数学的に同一に保ち、控えめな節約をするか、パレット段階で色情報を最初に破棄し、ファイルを劇的に縮小するか。このページは両方のルートを提供し、完全にブラウザ内で実行し、どちらの方法でも透明性を保持します。テーブルは、同じ透明なテスト画像に対して各ルートが何をしたかを示しています — 測定結果であり、推定ではありません。
同じPNG、両方のルート
| モード | 出力 | 節約 |
|---|---|---|
| PNG、圧縮なし（ロスレス） | 383.9 KB | 59%小さい |
| PNG、ファイルサイズが小さい（量子化） | 98.3 KB | 90%小さい |
小さなPNGへの二つのルート
ロスレスルートは画像を再エンコードし、その後、レベル3で動作するRustベースの最適化ツールoxipngに渡します。これは、まったく同じピクセルのより効率的な配置を探します：異なるスキャンラインフィルター、異なるデフレート戦略、同一の画像。942.4 KBのテストファイルでは、その検索だけで383.9 KBが返されました。画像自体は何も変わらず、パッキングだけが変わりました。
量子化ルートは、劇的な数字が生まれる場所です。エンコーダーが実行される前に、imagequantは最大256色のパレットを構築し、各ピクセルを最も近いエントリにマッピングします。出力は、エンコーディングの前に情報が放棄されたため、どのソフトウェアでも開ける完全に普通のPNGです。同じテストファイルはこの方法で98.3 KBに達し、元の重さの約10分の1です。
どのルートがどの画像に適しているか
インターフェースのスクリーンショット、ロゴ、アイコン、ピクセルアート、フラットイラストは、パレットが発明された目的です。そのような画像は、最初から数百の異なる色を含むことは稀であるため、256を通してマッピングしても目に見える変化はほとんどなく、節約は巨大です。その種のものがウェブページに向かう場合、量子化が賢明な選択です。
ピクセル自体がポイントである画像には、未加工のルートを予約してください：再度開くデザインマスター、アーカイブ素材、または長い柔らかいグラデーションを持つもの。夕焼けの空は、数千の穏やかな色のステップを説明するために256のパレットエントリを要求し、目に見える失敗はバンディングです — スムーズなランプが輪郭線に変わります。それが量子化後に確認すべき唯一のアーティファクトです：エッジはシャープで、ランプが最初にそれを明らかにします。
透明性とPNGを離れるべき時
両方のルートは、部分的な透明性を含むアルファチャネルをそのまま保持します：量子化ツールは不透明度を各パレットエントリの一部として扱うため、切り抜きロゴの周りの柔らかいアンチエイリアスの縁は、硬いフリンジに崩れることなく生き残ります。透明性を破壊するのは、透明性のないフォーマットに移行することです — 結果をJPEGに変換すると、すべての透過ピクセルは固体の背景に平坦化されます。なぜなら、JPEGのバリアントはアルファを持たないからです。
時には、最良の圧縮はPNGを完全に離れることです。.pngとして保存された写真はカテゴリーミスです：ロスレス保証はカメラ画像でメガバイトを消費し、視聴者が見ることができるものは何も買いません。このようなファイルをJPEGまたはWebPに変換すると、通常は数倍に縮小されます。小さくて透明でなければならないフラットグラフィックには、ロスレスWebPもサイズでPNGを下回ります — 取引は、古いデスクトッププログラムの一部がまだPNGをより優雅に扱うことです。
よくある質問
PNG圧縮は常にロスレスですか？
フォーマット自体のエンコーダーはそうです — 仕様にはロスィモードは全く含まれていません。劇的なPNGの節約を宣伝するツール（これを含む）は、エンコーディングが始まる前に色数を削減することによってそれを得ます。PNG — ここでは圧縮なしのオプションを選択してください。どの段階でもロスィなことは起こりません。
ドロップダウンの二つのPNGオプションの違いは何ですか？
PNG — 圧縮なしはロスレスパスです：同一のピクセル、より巧妙に再パックされます。PNG — 小さなファイルサイズは量子化パスです：最大256色のパレット、その後同じ再パッキング。名前は、エンコーダーがどれだけ働くかではなく、画像に何が起こるかを説明しています。
量子化はPNGをどれだけ小さくできますか？
このページの透明なテスト画像は942.4 KBから98.3 KBに減少し、その節約の順序はスクリーンショットやフラットアートにとっては通常です。すでにパレットを使用しているファイルは、色の削減が一度行われているため、提供できるものははるかに少なくなります。
量子化されたPNGは悪化しますか？
フラットカラーの画像では、ほとんどありません — 並べてみると、ほとんどの人は元のものを見分けることができません。グラデーション、ビネット、写真は例外です：スムーズなランプを説明するためのパレットエントリが少なすぎると、色の目に見えるステップが生じます。
透明な背景は圧縮に耐えますか？
はい、両方のルートで、ドロップシャドウや滑らかなエッジのような半透明のピクセルも生き残ります。アルファは、アルファを持たないフォーマットに変換することによってのみ失われます。
なぜ私のPNGはほとんど縮小せず、あるいは逆に大きくなったのですか？
何かがすでに最適化しています。エクスポートパイプラインはますます自分自身のPNG最適化ツールを実行し、ロスレスフロアの近くにあるファイルは、2回目のパスで見つけるものがありません — 時には、その試みがバイトを消費することさえあり、その場合、このツールは元のファイルを変更せずに返します。
そもそもなぜ私のPNGはそんなに大きいのですか？
通常は解像度です。4KまたはRetinaディスプレイのフルスクリーンキャプチャは、何もしていない状態でロスレスに保存されたデータの8メガピクセル以上です。量子化は助けになります；重要な領域にクロッピングするか、インターフェースキャプチャを表示されるサイズにスケーリングすることがさらに助けになります。
複数のPNGを一度に圧縮できますか？
10ファイルまで、1回のラウンドで最大50 MB、結果のZIPダウンロード付き。エンコーディングはサーバーではなくブラウザ内で行われるため、キューもクォータもなく — 必要なだけラウンドを実行できます。