PNG画像をオンラインで圧縮する

このツールとは？

PNGは可逆圧縮であるため、「画質」を下げる設定はなく、単純に再エンコードしてもほとんど効果はありません。 真のPNG圧縮は異なる仕組みで機能します。パレット量子化により、画像は慎重に選択された色セット（最大256色）に削減されます。スクリーンショット、ロゴ、インターフェースのグラフィックでは、そもそもそれ以上の異なる色を使用することはめったにないため、見た目は全く同じまま、ファイルサイズは50～70％縮小されます。透明度（アルファチャンネル）は完全に保持されます。

これは、TinyPNGなどの有名なサービスで採用されている技術と同じものです。ただし、このサービスはオープンソースのエンジンを介してブラウザ上で動作するため、画像はデバイス上に保存されたままとなり、1日あたりのファイル数制限もありません。

なぜこれを使うのか？

• 単なるプラセボ的な再エンコードではなく、真の圧縮（通常50～70％）です。
• 透明度が維持されるため、ロゴ、アイコン、UIアセットにも安心して使用できます。
• TinyPNGのようなサービスとは異なり、アップロードの制限がないため、ファイル数の制限もありません。
• 調整可能なカラーバジェット（16～256）で、画像ごとの節約量が表示されます。
• 一括処理に対応、無料、透かしなし。

使い方

1. PNGファイルをボックスにドラッグ＆ドロップしてください（圧縮エンジンは一度だけ自動的に読み込まれます）。
2. 視覚的に同じ結果を得るには256色を維持し、ファイルサイズを小さくしたい場合は色数を減らしてください。
3. 各結果には正確な節約額が表示されています。「ダウンロード」をクリックしてください。
4. 写真のようなPNGファイルが十分に縮小されない場合は、代わりにJPGに変換してください（「PNGからJPGへの変換」を参照）。

例

入力

app-screenshot.png — 980 KB

出力

app-screenshot-compressed.png — 290 KB (−70%), 256 colors

スクリーンショットやUIグラフィックは美しく量子化されており、パレットには実際に使用されているすべての色が網羅されています。

当社によるテストの結果

今回のローンチテストでは、意図的に処理が困難な画像を使用しました。それは、200個の半透明のカラーパッチが重なり合って埋め尽くされた600×400ピクセルのPNG画像で、一般的なスクリーンショットよりもはるかに複雑でした。 256色設定では、アルファチャンネルを保持したまま、ファイルサイズが31.1 KBから7.8 KB（−75%）まで圧縮されました。 実際のUIグラフィックは、このストレステストよりも使用される色数が少ないため、さらに高い圧縮率を実現できます。一方で、写真コンテンツでは256色設定時に目に見えるバンディングが発生することも確認しました。このような場合はJPGやWebP形式を使用すべきであり、そのためコンバーターへのリンクは1セクション上に配置されています。

一般的な利用例

• バグ報告やドキュメントページに添付する前に、アプリやウェブサイトのスクリーンショットを縮小する。
• 開発者が頼りにしている透明な背景を損なうことなく、ウェブサイト用のロゴやアイコンセットを圧縮する。
• デザインツールからエクスポートしたUIモックアップを、チームと共有する前にサイズを縮小する。
• スタイルガイドやデザインシステムのリポジトリ向けに、一連のインターフェース用グラフィックの容量を削減する。

よくある質問