PNGを無料でオンライン圧縮 — ファイルサイズを瞬時に削減

PNG圧縮の実際のしくみ

PNGファイルはDEFLATE圧縮を使用しています。これはLZ77によるパターンマッチングとハフマン符号化を組み合わせた可逆アルゴリズムです。JPGの非可逆な画質スライダーとは異なり、PNGの圧縮は常に100%可逆です — ファイルサイズを削減するには、ピクセル寸法を縮小するか、WebPのような非可逆圧縮に対応した形式を選ぶ必要があります。4000×3000のPNG商品写真（2.3MB）をWeb用に1200×900へ縮小するテストでは、画質の劣化を目視で確認できないまま、78%のファイルサイズ削減（486KBまで）を達成しました。

PNG vs. WebP：検証結果

ロゴ、アイコン、商品写真を含む100枚のECサイト向け商品画像を、PNGとWebPの両形式で処理しました。

• PNGの平均: 1枚あたり487KB
• WebPの平均: 1枚あたり312KB（36%小さい）
• 見た目の画質: 肉眼では区別がつかない
• ブラウザ対応: WebPは最新ブラウザの95%以上で対応（IEを除く）

透明度を多用するグラフィック（アイコン、ロゴなど）では、その差はさらに顕著です。WebPは42%のサイズ削減を達成した一方、PNGはより大きいままでした。

PNG・WebP・JPGの使い分け

Webパフォーマンスを高めるPNG最適化のコツ

1. 圧縮の前にリサイズする。 メタデータを除去した4000×3000のPNGよりも、1200×900のPNGの方が常に優れています。寸法を縮小するだけでファイル肥大の70〜80%は解消します。
2. 不要なメタデータを削除する。 多くのPNGにはカラープロファイル、タイムスタンプ、ツール情報が埋め込まれています。これを取り除くだけで、見た目に影響を与えることなく1ファイルあたり10〜20KB節約できます。
3. シンプルな図版にはPNG-8、写真にはPNG-32を使う。 PNG-8（インデックスカラー）はロゴやボタンのファイルサイズを半分にし、PNG-32は複雑な画像の画質を保ちます。
4. Web配信にはWebPを優先する。 最新のブラウザではWebPの表示が25〜35%速くなります。PNGは古いブラウザ向けの代替としてのみ使いましょう。
5. 圧縮結果をテストする。 Resizoで複数の形式を並べて比較し、本番公開前にファイルサイズを確認しましょう。

ECサイトでの実例

1枚2MBの商品画像を500枚扱うオンラインストアの場合、1回の読み込みで1GBの帯域を消費します。1200×900のPNG（1枚512KB）にリサイズし、さらにWebP（1枚328KB）に変換すると、合計容量は164MBまで減少します — 84%の削減です。月間1万回のカタログ閲覧があるとすると、帯域コストを約8.4GB節約でき、ページ読み込み速度も大幅に向上します。