PNG最大圧縮
PNG圧縮のプリセット
最も積極的な設定: ディザリング付き64色。限られたパレットが見た目に影響しない平坦なグラフィック、アイコン、シンプルなイラストに最適です。写真はこのレベルで帯が出ます — それらには256色を使うかJPGに切り替えてください。
- ファイルは端末の外に出ません
- 無料、登録不要
- 透かしなし
- 一度読み込めばオフラインでも動作します
PNG圧縮の使い方
- 1
PNGを追加
PNGファイルをページにドラッグするか、選択するか、クリップボードから貼り付けます。
- 2
色数を選択
ほとんどのグラフィックでは256色が見た目上不可逆です。より小さいファイルにするには減らします。
- 3
ダウンロード
最適化された各PNGを保存するか、バッチをZIPとしてダウンロードします。
64色で耐えられるものと耐えられないもの
64色というのは厳しく聞こえますが、実際に幅広い画像カテゴリに適しています。アイコン、平坦なイラスト、ピクトグラム、シンプルなグラフィック、そしてほとんどのブランドマークは意図的に小さいパレットで構築されています — しばしば1ダース未満の異なる色に加え、エッジのアンチエイリアシングだけです。64色に減らしても平坦な領域はそのまま残り、エッジの混合がわずかに硬くなるだけで、これらの素材が実際にレンダリングされるサイズでは見えません。
耐えられないのは連続階調です。滑らかなグラデーション — 影、ぼかした背景、空、肌 — はどれも滑らかに見えるために64をはるかに超える段階が必要で、このレベルではディザリングが有効でも目に見える帯として崩れます。ディザリングはそのはっきりした帯を細かいノイズに置き換え、より見やすくはなりますが、それでも修正ではなく妥協です。
- 良い候補
- アイコン、ピクトグラム、平坦なイラスト、シンプルなグラフィック、モノクロ図表、単色のロゴ。
- 悪い候補
- 写真、グラデーション背景、柔らかい影、そして柔らかいぼかしやリアルな照明を含むもの全般。
やりすぎたかどうかを見分ける方法
帯はほぼ均一な色の広い領域で最も見つけやすいので、最も混み合った部分ではなく画像で最も滑らかな部分を確認してください。ウィンドウに合わせるのではなく100%にズームしてください — ブラウザの再スケーリングは帯を説得力を持って隠してしまい、サムネイルではきれいに見える画像がフルサイズでは目に見える段差を示すことがあります。アンチエイリアシングが形状とその背景を混ぜ合わせるエッジには特に注意してください — 限られたパレットが中間の色調を最初に使い果たすのはそこだからです。
結果が帯を示す場合、答えはより多くのディザリングではなく、より多くの色です。128に戻して比較してください — ファイルは大きくなりますが、通常それでも元の半分をずっと下回り、余裕が必要だったアートではノイズよりも良い交換条件です。256色でも帯が出るなら、その画像は写真的であり、まったく別の形式に属します。
よくある質問
PNGが不可逆でないのにどうやって圧縮できるのですか？
PNGのコンテナ自体は不可逆のままです — 変わるのはその中の画像です。異なる色数を減らすとデータがはるかに反復的になり、PNGに内蔵されたdeflate圧縮がそれをはるかにきつく詰め込みます。これはpngquantやTinyPNGが使うのと同じ手法です。
透明度は保持されますか？
はい。アルファチャンネルは完全にそのまま残され、完全に透明なピクセルはカラーパレットから除外されるため偏りを生みません。ロゴや切り抜きグラフィックはきれいなエッジを保ちます。
なぜTinyPNGよりも節約が少ないのですか？
ブラウザは32ビットPNGしか書き出せず、真の8ビットパレットPNGは書き出せないため、ネイティブの最適化ツールが達成する量のおよそ半分を実現します。その代わり、ファイルが端末から出ることは一切なく、月間の上限もありません。ロゴや平坦なグラフィックでは差は小さく、写真ではより大きくなります。
ディザリングは何をしますか？
丸め誤差を隣接ピクセルに分散させ、グラデーションが目に見える帯にならず滑らかなままにします。ファイルサイズが数パーセントポイント増える代わりに、写真やグラデーションでは有効にしておく価値があります — 平坦なグラフィックやスクリーンショットでは無効にしてください。
そもそもPNGを使うべきですか？
写真の場合は使うべきではありません — 同じ品質ならJPGやWebPの方が数倍小さくなります。PNGはロゴ、アイコン、テキストのスクリーンショット、そして透明度が必要なものに適した選択です。