PNG画像を圧縮して背景を透明に保つ方法

💡 簡単な概要と重要なポイント

• 直接の答え: 透明 PNG を圧縮するには、黒い背景のフリンジのバグを防ぐために 8 ビットのアルファ チャネルを保持する色の量子化 (PNG-24 から PNG-8) が必要です。
• 平均節約: ロゴ、UI アイコン、フラット カラー グラフィックのファイル サイズが 60% ～ 75% 削減。
• ゼロアップロード処理: 実行は完全にクライアント メモリ内に留まります。独自のアセットがデバイスから離れることはありません。
• インスタント ツール:ツールでグラフィックを最適化します。PNG圧縮 (Compress PNG).

PNG ファイルが JPEG よりもはるかに重い理由

PNG は、ロスレス DEFLATE 圧縮 (ZIP ファイルと同じアルゴリズム) を使用して、すべてのピクセルを正確に保存します。これにより、PNG は次の用途に最適になります:

• シャープでハードなエッジ (ロゴ、アイコン、線画)
• フラット カラー領域] (UI スクリーンショット、グラフ)
• 画像に重ねられたテキスト (JPEG では文字がぼやける場合)
• 透明な背景 (切り抜き、透明な製品写真)キャンバス)

トレードオフはサイズです。 PNG として保存された写真は通常、JPEG として保存された同じ画像より 3～8 倍大きくなります。ただし、JPEG は透明度を保存できません。ロゴ、アイコン、製品の切り抜きに関しては、PNG が依然として広くサポートされている唯一のオプションです (WebP を使用しない限り)。

黒い背景のバグ: ほとんどのツールが失敗する理由

不適切なツールを使用して透明 PNG を圧縮すると、次のようなことが起こります:

1. ツールは、アルファ (透明) レイヤーを使用して PNG を読み込みます
2. 内部的に、ツールはそれを JPEG に変換して非可逆圧縮を適用します
3. JPEG には透明度がありません。そのため、ツールは透明な領域を塗りつぶします。 黒 (または白の場合もあります)
4. エクスポートされたファイルにはアルファ チャンネルがありません。カットアウトの背景は醜い無地になります

正しいアプローチ: 適切な PNG コンプレッサーはプロセス全体を通じてアルファ チャネルと連携し、アルファ チャネルを完全にそのまま維持しながらカラー量子化を RGB チャネルにのみ適用します。

PNG-24 対 PNG-8: カラー パレットの量子化

最新の PNG 圧縮は、画像内の色数を減らすことで機能します:

PNG-24 (トゥルー カラー + アルファ):

• 1,670 万色が可能
• フル 8 ビット アルファ透明度チャンネル (256 レベルの透明度)
• 大きなファイル - すべてのピクセルに 4 バイト (R + G + B +アルファ)

PNG-8 (インデックスカラー):

• パレット内の選択した色は 256 色のみ
• 各ピクセルは 1 バイトのインデックスとしてパレットに保存されます
• ファイル サイズが大幅に小さくなります

量子化: アルゴリズムは画像の色の分布を分析し、最も代表的な 256 色を選択します。カラー パレットが限られているロゴの場合、視覚的な違いを最小限に抑えながら大幅な節約を実現します。

滑らかな透明度のグラデーション（ドロップ シャドウなど）を持つ画像の場合、最新の量子化器は フロイド・スタインバーグ ディザリングを使用して、限定されたパレットを使用してグラデーションの透明度をシミュレートします。

ステップバイステップ: ToolDolfen で PNG を圧縮する

1. PNG圧縮 (Compress PNG) ツールを開きます。アカウントは必要ありません。
2. PNG ファイルをドロップゾーンにドラッグします。ファイルはデバイス上に残ります。何もアップロードされません。
3. 出力をプレビューしてください。透明な領域、特にソフト エッジとドロップ シャドウを注意深く確認してください。
4. ダウンロードしてください。出力 PNG は完全なアルファ透明度を保持します。

ヒント: PNG の背景がきれいな白い (透明ではない) 場合は、透明度の損失を心配することなく、JPEG に変換してファイルをさらに小さくすることができます。 PNG・JPG変換ツール (PNG to JPG) を使用します。

透明 PNG を WebP にアップグレードする場合

WebP は、完全なアルファ透過性を備えた非可逆圧縮と可逆圧縮の両方をサポートしています:

• WebP ロスレス は通常、同等の PNG
• WebP 非可逆 + アルファ よりも 26% 小さく、透明性を維持しながら 60 ～ 70% 小さくできます無傷

最新のウェブ配信では、PNG・WebP変換ツール (PNG to WebP) を使用して透明 PNG を WebP に変換することが、多くの場合最善の戦略となります。