PNG圧縮 — 入力準備

入力と出力の例

PNGを圧縮する前に、透明部分の有無、どんな種類の絵か、画素数がどれだけあるかを確認します。これらが、どこまで減らせるかを左右します。

デザイナーが、メールのフッターに入れる1024 × 1024の透過PNGロゴを持っている場面を考えます。白い背景ではなく、色のある背景の上で先に開き、文字の周りの柔らかいアンチエイリアスの縁を見てください。その縁の様子を覚えておくと、圧縮後のファイルと比べられます。

内容の種類で結果の見当がつきます。ベタ塗りのロゴ、アイコン、大きな色の塊が多いUIのスクリーンショットは、PNGが効率よく保存できる対象で、再エンコードで少し減ることがあります。PNGで保存した写真は非常に重いのですが、PNGの中でもう一度縮めても大きくは変わりません。この形式はすべての画素を正確に保つからです。

よくある誤りは、品質スライダーで容量が減ると期待することです。ここでPNGは可逆で再エンコードされ、品質の調整はPNGの結果を変えないため、動かしても変わりません。3 MBの2880 × 1800のスクリーンショットなら、現実的な手段は数値ではなく、画素を減らすか形式を変えることです。

始める前に1つだけ確認します。寸法と容量を記録し、アルファチャンネルがあるかを控えておきます。元画像が6,400万画素を超えると先に縮小するよう案内され、すでに最適化ツールを通したPNGはそのまま戻ってくることもあります。

PNG logo with alpha

PNG; transparency retained when supported

白い画面では縁の問題が隠れるため、圧縮の前後とも、明るい背景と暗い背景の上で透明部分を確認してください。