ガイド

私の PNG が非常に大きいのはなぜですか? (そしてそれを縮小する方法)

PNG ファイルは、すべてのピクセルをロスレスで保存するため、サイズが大きくなります。これはグラフィックスとしては優れていますが、写真としてはひどいものです。まさにその理由と、サイズを縮小する最速の方法は次のとおりです。

私の PNG が非常に大きいのはなぜですか? (そしてそれを縮小する方法)

形式が次を使用しているため、PNG はサイズが大きくなります すべてのピクセルを正確に保存する可逆圧縮。これは、ロゴやスクリーンショットには最適ですが、何百万もの微妙に異なる色がコンプレッサーにほとんど削除するものを与えない写真には悲惨です。結果として、写真を多く含む PNG は、JPG の同じ画像よりも何倍も大きくなります。フォーマットは壊れていません。設計されたとおりの仕事を正確に行っていますが、写真にとってはたまたま間違った仕事です。このガイドでは、圧縮から解像度、非表示のメタデータに至るまで、PNG がバルーン化するあらゆる理由を説明し、それぞれの状況に対する最速の修正を提供します。

主な理由: 可逆圧縮

PNG 圧縮は ZIP ファイルのように機能し、データを破棄せずにパックする DEFLATE と呼ばれるアルゴリズムを使用するため、画像はピクセルごとに再構築されます。この種の圧縮は、次のことを行うことで機能します。 反復性と予測可能性。少数の色を含むフラットなグラフィックは非常に反復的です。1,000 個の同一の白いピクセルが連続して圧縮されると、ほとんど何もなくなります。

写真はその逆です。センサーのノイズと自然な勾配のおかげで、すべてのピクセルが隣接するピクセルとわずかに異なるため、繰り返し利用することはほとんどありません。コンプレッサーは試行しますが、ほとんど検出せず、生のピクセル データに近いものを保存します。同じ写真が撮れるのはこのためです PNG では数メガバイト、JPG では数百キロバイト、PNG が忠実に保存している知覚できない違いを破棄します。

解決策: 誰も気付かない乗数

ファイル サイズはピクセル数に応じて変化し、ピクセル数は寸法の 2 乗に応じて変化します。幅と高さを2倍にすると、 ピクセルが 4 倍。幅 6000 ピクセルの写真には、3000 ピクセルの同じショットの 4 倍、1500 ピクセルの写真の 16 倍のデータが保持されます。

最近のデバイスはデフォルトで巨大な画像を生成するため、これは重要です。最近の携帯電話は 12 メガピクセル以上で撮影でき、4K スクリーンショットは 800 万ピクセルを超えます。その画像が Web ページ上に幅 800 ピクセルで表示される場合、誰もが目にするデータの約 50 倍のデータが保存されることになります。解像度は、PNG が肥大化する唯一の最も見落とされている原因であり、画像が最初から大きすぎた場合、目に見える品質ではサイズ変更には何の費用もかかりません。

色深度: PNG-24 と PNG-8

PNG にはさまざまなバージョンがあり、間違ったものはスペースを無駄にします。 PNG-24 写真に本当に必要な、赤、緑、青にそれぞれ 8 ビットを使用して、何百万もの色を保存します。 PNG-8 画像を 256 色のパレットに制限します。これは、ロゴ、アイコン、または単純なイラストには十分です。

2 色のロゴを PNG-24 として保存すると、各ピクセルが決して使用されない 1,600 万色の容量を保持することになります。 PNG-8 に変換すると、画像にはほんの数色しか含まれていないため、目に見える変化はまったくなく、ファイルが半分以上削減されます。どちらのバリアントも透明性をサポートしているため、何も失われません。多くのエディターはデフォルトで PNG-24 を使用しているため、多くの単純なグラフィックスが不必要に重くなっています。

メタデータと隠された重み

PNG ファイルにはピクセル以上のデータが含まれます。カラー プロファイル、編集履歴、ソフトウェア タグ、タイムスタンプ、テキスト チャンクはすべて、目に見えない形で蓄積されます。小さなグラフィックでは、このオーバーヘッドがファイルに占める割合が驚くほど大きくなる可能性があります。ロスレス オプティマイザは、このマテリアルを取り除き、圧縮を再パックして、通常はコストを節約します。 10 ~ 30 パーセント (単一ピクセルの変化はゼロ)。後のイメージはビット同一になるため、これは可能な限り最も安全な最適化です。

スクリーンショット: 最悪のケース

スクリーンショットはすべての問題を一度に組み合わせているため、特に注目に値します。オペレーティング システムではデフォルトで PNG として保存され、iOS やほとんどの Windows キャプチャ ツールではこれを変更できません。全画面グラブは高解像度であり、写真、ビデオ フレーム、またはグラデーションの多いインターフェイスが含まれている場合、それはロスレス形式に閉じ込められた写真コンテンツです。これはまさに PNG が扱う最悪のシナリオであり、1 つのスクリーンショットで実行できるのはこのためです。 3MB~8MB。これらのフォルダーはすぐにギガバイトに達し、JPG に変換すると通常 80 パーセント以上が再利用されます。

最速の修正: JPG に変換する

写真 PNG の場合、JPG への変換が最大の節約方法であり、1 ステップで完了します。ファイルを コンバーター、品質を約 90 に保ち、数メガバイトの PNG は目に見える損失なく数百キロバイトになります。 「すべてダウンロード」を使用して、フォルダー全体を一度にバッチ処理します。これは、画像に透明性がなく、Web、電子メール、またはアップロード フォームに送信される場合には常に適切な方法です。正確な品質設定については、 品質ガイド

透明性を維持する必要がある場合

画像に透明な背景が必要な場合、JPG は廃止されましたが、それでも 3 つの優れたオプションがあります。 WebP は PNG よりも 25 ~ 35% 小さく実行されます アルファ チャネルは維持され、最新のブラウザはすべてそれをサポートしています。フラットなグラフィックを PNG-24 から PNG-8 に縮小すると、目に見える変化はなく急激に縮小されます。また、実際の表示寸法に合わせてサイズを変更すると、形式に関係なく役立ちます。私たちのコンバータは WebP を直接エクスポートします。 PNG 対 WebP ガイド トレードオフをカバーします。

診断チェックリスト

これらを順番に実行すると、原因がわかります。

  • それは写真ですか、それともスクリーンショットですか? JPGに変換します。これだけでほとんどの場合は解決します。
  • 寸法はディスプレイのサイズよりはるかに大きいですか? 形式を変更する前に、まずサイズを変更します。
  • PNG-24 として保存されたフラット グラフィックですか? パレットをカットするには、PNG-8 として再保存します。
  • 透明性は必要ですか? PNG ではなく WebP を使用します。
  • まだ少し大きすぎるでしょうか? ロスレス オプティマイザを実行してメタデータを削除します。

最初の質問は、大規模な PNG の圧倒的多数を解決します。この形式では、ほとんどの場合、写真を保存するように求められますが、その目的のために構築されたものではありません。

オプティマイザが写真 PNG を保存できない理由

6MB の PNG を見つけるときの合理的な本能は、PNG オプティマイザーを介して実行すると、大きな成功を期待することです。それは来ないでしょう、そしてその理由は理解する価値があります。オプティマイザーはロスレスで動作します。メタデータを削除し、より賢いフィルターの選択を試み、DEFLATE ストリームをより効率的に再パックします。それらの利益はすべて、 詳細ではなく冗長性を削除する。写真には、ピクセルがすべてわずかに異なるため、削除できる冗長性はほとんどありません。そのため、オプティマイザは一生懸命働いて 10 または 15 パーセントを返し、電子メールとしては依然として絶望的な 5 MB のファイルが残ります。

これは、形式がコンテンツに対して間違っていることを示す最も明白な信号です。ロスレス最適化がほとんど動かない場合、それはファイルが無駄によって肥大化していないことを示しています。正直なところ、PNG が保持することを意図していなかった写真データが保存されています。答えはさらなる最適化ではなく、フォーマットの変更です。

透明性の罠

多くの大きな PNG が存在する理由は 1 つあります。それは、誰かが一度透明度を必要とし、PNG として保存した後、再度アクセスしなかったということです。尋ねる価値のある質問は、画像が 今日でもアルファチャンネルが必要です。 Web サイトのヘッダー用に切り取られた製品写真は、現在は無地の白いセクションに置かれている可能性がありますが、透明性はメガバイトを消費するだけです。透過 PNG としてエクスポートされたロゴは、白でのみ使用される場合があります。

透明度が実際に使用されていない場合は、白で塗りつぶした JPG に変換すると、わずかな重量で同じ目に見える結果が得られます。これを使用すると、WebP はアルファ チャネルを維持しながら、25 ~ 35 パーセントをカットします。いずれにしても、仮定するのではなく確認してください。透明性は多くの場合、実際の要件ではなく、古いワークフローの名残です。

適切なターゲット サイズの選択

PNG が大きすぎることが分かっているだけでは、問題は半分しか解決しません。残りの半分は何を目指すべきかを知ることです。大まかな目安としては、 全幅のウェブヒーロー画像 は 200 KB 未満、記事内の写真は 100 KB 未満、サムネイルは 30 KB 未満、電子メールの添付ファイルは合計数メガバイト未満に設定する必要があります。アップロード フォームには、通常 100 KB または 200 KB という独自の上限が記載されており、その数値は交渉の余地がありません。

適切な解像度の JPG であれば、ほとんどすべての写真でこれらの目標を達成できます。満たすべき特定の上限がある場合は、 ターゲットサイズモード 私たちの中で コンバーター hits it automatically by searching quality levels for the sharpest version that fits, which removes the guesswork entirely.の 100KBガイド 最も要求された制限を通過します。

そもそも大きな PNG を防ぐ

Fixing bloated files one at a time is slower than not creating them.いくつかの習慣を身につけることで、問題を根本から阻止できます。オン Windows 11, the Snipping Tool lets you choose JPG in its save dialog, so a screenshot bound for an upload form never becomes a PNG at all.オン マック, the screenshot format is changeable with a Terminal command if you capture often.

When exporting from design tools, ask two questions before saving: does this need transparency, and what size will it display at?最初の答えが「いいえ」の場合は、JPG をエクスポートします。 2 番目の答えが幅 800 ピクセルの場合は、4000 ではなく 800 でエクスポートします。どちらの決定もエクスポート時に 1 秒かかり、後で変換作業全体を行う必要がなくなります。一般原則として、PNG は グラフィックスと透明性を意図的に選択、習慣から到達するデフォルトではありません。

PNG の実際のサイズはどのくらいであるべきか

簡単な健全性チェックにより、ファイルが本当に肥大化しているのか、それともその内容が単に正直であるのかがわかります。あ フラットなロゴまたはアイコン 適切なサイズは 50KB をはるかに下回るはずで、多くの場合 PNG-8 として 10KB 未満になります。これより大きい場合は、PNG-24 またはインフレートされた解像度で保存されたことを意味します。あ インターフェースのスクリーンショット フラットカラーとテキストでは適度に圧縮され、多くの場合 200KB から 800KB の間に収まりますが、これは PNG では問題ありません。

写真ただし、適切に最適化されたものでもメガバイトに達するため、許容できる PNG サイズはありません。ファイルが写真で、サイズが大きい場合は、何も壊れておらず、どの設定でもファイルを保存できません。これは単に写真データのロスレス ストレージにかかるコストであり、最適化を続けるのではなくフォーマットを変更するという最も明白なシグナルです。

よくある質問

PNG ファイルが非常に大きいのはなぜですか?

なぜなら PNG はすべてのピクセルをロスレスで保存します。写真には何百万もの固有の色があり、圧縮を繰り返す必要がないため、ファイルは生のサイズに近いままになります。

PNG を小さくするにはどうすればよいですか?

写真用に JPG に変換すると、最大の節約になります。 写真の PNG は 60 ~ 90% 減少します JPGとして。グラフィックの場合は、WebP、PNG-8、またはサイズ変更を使用します。

PNG は JPG より大きいですか?

写真の場合は、はるかに大きいです。 同じ写真でも PNG の約 10 倍の大きさになりますなぜなら、PNG はすべてのピクセルを保持するのに対し、JPG は知覚できない細部を破棄するからです。

解像度は PNG サイズに影響しますか?

そう、劇的にね。 幅と高さを 2 倍にすると、ピクセル数は 4 倍になりますそのため、特大の PNG は、実際の表示サイズの PNG よりも何倍も重くなります。

PNG-8 と PNG-24 の違いは何ですか?

PNG-8 は 256 色を保持します。 PNG-24 には数百万ドルが収容されている。 PNG-24 として保存されたフラットなロゴはスペースを無駄に消費しますが、PNG-8 に切り替えると、目に見える変化はなくスペースが半分になります。

私のスクリーンショットはなぜこれほど大きな PNG なのでしょうか?

なぜなら オペレーティング システムはデフォルトでスクリーンショットを PNG として保存します フル解像度で。画面に写真、つまりロスレス形式の写真コンテンツが表示された場合は、最悪のケースです。

透明度を失わずに PNG を縮小できますか?

はい。 WebP を使用するか、PNG-8 に縮小します透明度を単色に平坦化する JPG への変換とは異なり、どちらもアルファ チャネルを保持します。

PNG オプティマイザーは実際に役に立ちますか?

控えめに、そして安全に。 メタデータを削除し、ロスレスで再パックすることで、10 ~ 30% を節約します ピクセルを 1 つも変更せずに。 1 枚をファイナルパスとして使用します。

PNG オプティマイザーで写真があまり縮小されないのはなぜですか?

なぜなら オプティマイザーは詳細ではなく冗長性を削除します、写真もほとんど残っていない。 10 ~ 15 パーセントのゲインは、フォーマットが間違っていることを示します。代わりに JPG に変換してください。

私の画像には実際に透明性が必要ですか?

そうでないこともよくあります。 多くの PNG は誰も使用しないアルファ チャネルを保持しています、古いワークフローから残ったもの。現在白地にある場合は、白で塗りつぶした JPG に変換します。

どのくらいのファイルサイズを目標にすればよいでしょうか?

おおよそ: ヒーロー画像は 200KB 未満、記事内は 100KB、サムネイルは 30KB 未満。アップロード フォームには独自の上限 (通常は 100 KB または 200 KB) が記載されています。

巨大な PNG の作成をやめるにはどうすればよいですか?

フォーマットは慎重に選択してください。 Windows 11のSnipping ToolはJPGを直接保存できる, そして、デザインツールからエクスポートするときは、本当に透明度が必要でない限り、実際に表示されるサイズでJPGを選択してください。

通常の PNG のサイズはどれくらいにすればよいでしょうか?

フラットなロゴは 50KB 未満、インターフェイスのスクリーンショットは 200KB ~ 800KB。写真データのロスレスストレージは常にメガバイトに達するため、写真には許容可能な PNG サイズがありません。