PNGファイルが大きいのはなぜ？壊さずに小さくする方法

PNGが大きいのはピクセルの保存の仕方のせいであって、「PNGは常に重い」わけではありません。下の7つがよくある理由です。

なぜPNGは大きくなりやすいのか

PNGはlossless圧縮です。圧縮後も元のピクセルを損失なく戻せる設計です。正確なピクセルが要るときに向きます。一方、写真、グラデーション、ノイズ、複雑なテクスチャはピクセルごとに色が変わるため、繰り返しが少なく、大きく残りやすいです。

Losslessとlossyの圧縮

Losslessは各ピクセルを復元できます。PNGはlosslessです。Lossyは一部の細部を捨てて小さくします。JPEGはlossyです。WebPはlossyとlosslessの両方を持てます。用語より大事なのは、PNGが大きく残りうる理由です。ピクセルデータを捨てずに残す形式だからです。

1. 写真をPNGで保存した

写真は色数が多く、細かいグラデーション、ノイズ、テクスチャがあります。PNGのlossless圧縮はそこで効率が落ちやすいです。写真ならJPEGやWebPの方がずっと小さくなることが多いです。傾向であり法則ではありません。PNGが常にJPEGより大きいわけではありません。単純な図は小さなPNGになり、ノイズの多い写真PNGは巨大になりえます。

2. 寸法が必要以上に大きい

4000 × 3000の画像を約1000 × 750で使っても、余分なピクセルは残ります。ファイルサイズは幅×高さだけではありませんが、ピクセルが増えればデータも増えがちです。表示が小さければ寸法を落とすと効きます。実際の使用よりはるかに大きいときは、画像サイズ変更で幅と高さをブラウザ内で変えられます。

3. 透明度がデータを増やすことがある

PNGは透明度用のalphaチャネルを持てます。ロゴ、アイコン、重ね、背景が変わるUIに便利です。透明度が不要でもalphaが残ってデータを足すことがあります。透明度を外してもPNGが必ず大幅に小さくなるわけではありません。画像次第です。

4. 複雑な画像は圧縮しにくい

色が繰り返す場所ではPNGはよく縮みます。ベタ塗り、単純なロゴ、UI、塗りつぶしの多い図表です。写真ノイズ、テクスチャ、グラデーション、細かい内容は再利用が少なく、画面上は普通に見えてもファイルは大きく残りえます。

5. スクリーンショットが大きくなる別の理由

スクリーンショットは文字、UI、図表、シャープな縁、ベタ塗りが多く、PNG向きなことが多いです。それでも大画面、Retinaや高DPI、過大な寸法、写真が多い画面では大きくなります。すべてのスクリーンショットをPNGのままにする必要はありません。PNGが妥当でも、サイズの理由で大きくなりうる、ということです。

6. メタデータは少しだけ増やすことがある

PNGには色プロファイル、テキストのmetadata、ソフト情報などのチャンクが入ります。バイトは少し足せます。典型的な巨大PNGでは、metadataが主因になることは稀です。ピクセル、寸法、内容の複雑さの方が大きいです。

7. 色情報が多いとファイルが増える

画像はRGBまたはRGBA（RGB＋alpha）で保存できます。チャネルが多いほど色情報が増えます。ビット深度も足せます。ビット深度を調べなくても動けます。写真PNGか、画面表示よりはるかに大きいなら、まず圧縮、寸法、PNGが妥当かを見ます。

• PNG
• ↓
• 写真をPNG保存
• 過大な寸法
• 透明度 / 余分なチャネル
• ノイズ、テクスチャ、グラデーション
• ↓
• より大きいファイル

PNGを小さくする方法

この順で進めます。毎回すべての手順は不要です。

1. PNGを圧縮する
まずPNGを再エンコードします。すでによく圧縮されていれば縮小は小さいことがあります。

2. 寸法が余っていればリサイズ
ピクセルサイズよりずっと小さく表示しているなら、幅と高さを落とすとデータが大きく減ることがあります。

3. 透明度が本当に必要か確認
背景が変わる上に載せるならalphaを残します。単色背景でよければ外します。

4. 写真ならJPEGやWebPを検討
正確なピクセルも透明度も不要なら、lossy形式の方が写真は小さくなりやすいです。

5. 不要な往復変換を避ける
行き来しても品質は増えません。lossyを重ねるとアーティファクトが増えます。

6. 変換後に見た目を比較
元を消す前に、文字、細い線、顔を100%で見てください。

まずPNGを圧縮する

NEXNARA 画像圧縮はJPG、PNG、WebPを受け、同じ形式のまま出します。PNGはPNGのままです。透明度は外さず再エンコードします。PNGはlosslessなので縮小は小さくなりがちです。すでに効率的なら特にそうです。品質スライダーはJPGとWebP向けで、PNGには効きません。20 MB超はブラウザでは処理しません。

PNGをJPEGにするべきとき

透明度が不要で、正確なピクセルより小さいファイルが大事なら、写真や実写にJPEGは妥当です。JPEGはalpha透明度に対応しません。JPGへ変換すると、NEXNARA 画像変換は透明部分を背景色で塗りつぶします。既定は白、別色も選べます。文字、ロゴ、UIはJPEGのアーティファクトが出やすいので、置き換える前に比較してください。

PNGをWebPにするべきとき

WebPはlossyでもlosslessでもよく、透明度も持てます。多くのウェブ写真や図では小さくなりえます。常に小さいわけではありません。画像、エンコーダ、設定次第です。画像変換はJPG、PNG、WebPからWebPを出せます。品質はJPGとWebPに効きます。Lossy WebPは写真を小さくできますが、文字やシャープなUIをぼかすこともあるのでプレビューを見てください。

PNGのままにするべきとき

透明度、ロゴ、アイコン、文字やUIのあるスクリーンショット、シャープな図、正確なピクセルが要るならPNGを残します。向きの確認であり、すべてのUIを永遠にPNGにする規則ではありません。透明度のない写真なら、別形式の方が向くことがあります。

短い比較であり、順位ではありません。

形式	向いているもの	透明度	圧縮
PNG	ロゴ、スクリーンショット、UI	あり	Lossless
JPEG	写真	なし	Lossy
WebP	ウェブの写真と図	あり	Lossyまたはlossless

ブラウザで画像を圧縮

画像圧縮はこの端末上でJPG、PNG、WebPを小さくできます。形式は同じままです。画像処理自体はブラウザ内です。このツールではファイルをNEXNARAサーバーにアップロードしません。

ここでのPNG圧縮は透明度を剥がしません。再エンコードしても小さくならなければ、元のサイズを保ちます。すでに効率的なPNGではよくあります。

PNGをJPGまたはWebPへ

画像変換はJPG、PNG、WebPの間で変換します。HEIC、SVG、アニメGIF、RAW、PDFは変換しません。

出力がJPGのとき、透明ピクセルは設定した背景色で塗られます（既定なら白）。PNG出力はlosslessです。JPGとWebPは品質設定を使います。

変換自体はブラウザ内です。広告や他のサイト機能はネットワークを使います。処理とは別です。

PNGのままなら画像圧縮から。写真PNGをJPGやWebPにするなら画像変換を開いてください。

FAQ

PNGファイルが大きいのはなぜ？

PNGはlosslessで、透明度と細かいディテールを持てます。写真、過大な寸法、ノイズ、複雑なテクスチャで大きくなります。Metadataは少し足せますが、主因になることは稀です。

PNGのファイルサイズをどう減らす？

まずPNGを圧縮し、ピクセルが余っていれば縮小します。透明度のない写真なら、JPEGやWebPの方が小さくなりやすいです。Lossy変換のあとは品質を比べてください。

PNGは常にJPGより大きい？

いいえ。写真のPNGはJPEGよりずっと大きいことが多いですが、単純なロゴやUIは小さなPNGになりえます。サイズは内容次第で、PNG対JPGの固定ルールではありません。

PNGをWebPにすべき？

WebPは写真や多くの図、透明度付きにも向くウェブ形式です。常にPNGより小さいわけではありません。テストファイルの見た目がよく、実際に小さいときだけ変換します。

PNG圧縮は画質を落とす？

PNG圧縮はlosslessです。再エンコード後もピクセルは一致する想定です。画像圧縮は透明度を外さずPNGを再エンコードし、縮小は小さくなりがちです。JPEGやlossy WebPへの変換は画質を落とすことがあります。

スクリーンショットのPNGが大きいのはなぜ？

文字、UI、ベタ塗りが多いのでスクリーンショットはPNG向きなことが多いです。大画面、高DPI、余分な寸法、画面内の写真でも大きくなります。まず圧縮し、PNGが不要なときだけ変換します。