PNGとJPGのどちらを選ぶべき？30秒で決まる判断基準

透過背景、スクリーンショット、ロゴ、図表にはPNGを使用します。写真にはJPGを使用します。 この2つのルールだけでほぼすべてのケースが解決し、どちらにするか数秒以上悩む必要はほとんどありません。

以下のリストを上から順に確認し、最初の「はい」で止めてください。どの質問にも当てはまらない場合、2026年における率直な答えはWebPを使用することです。WebPは、どちらの古いフォーマットよりも両方のタイプの画像をより良く処理できます。

判断を決める4つの質問

• 背景を透過させる必要がありますか？ PNGを使用します。
• スクリーンショット、ロゴ、図表など、輪郭がはっきりしていて平坦な色で構成されていますか？ PNGを使用します。
• 写真ですか？ JPEGを使用します。
• 何度も編集して保存し直しますか？ JPEGは保存するたびに画質が少しずつ劣化するため、PNGを使用します。

2つのフォーマットの挙動が異なる理由

PNGはすべてのピクセルを正確に保存するのに対し、JPEGは人間の目が気づきにくい詳細を破棄します。 この1つの違いが、この記事におけるすべての推奨事項の理由となっています。

PNG圧縮は色の繰り返しを見つけて効率的に記述するため、平坦な色には非常に効果的ですが、写真のようなノイズには不向きです。JPEG圧縮は画像をブロックに分割し、各ブロック内の詳細を簡略化するため、写真のような緩やかな色の変化には非常に効果的ですが、はっきりした輪郭には不向きです。それぞれのフォーマットは、もう一方が苦手とするコンテンツに対して正確に効率を発揮します。

選択を誤ると何が起こるか

写真をPNGとして保存すると必要以上にファイルサイズが3〜5倍大きくなり、スクリーンショットをJPEGとして保存するとテキストの周囲に目立つノイズ（ハロー効果）が発生します。 どちらのミスもよく見られ、一目で分かります。

スクリーンショットの行は、多くの人を最も驚かせます。JPEGは平坦なグラフィックにおいてPNGよりもファイルサイズが大きくなるだけでなく、同時にテキストを劣化させてしまうため、最悪の組み合わせとなります。

透過処理には例外がない

JPEGには透過チャンネルがないため、変換時に透過背景は不透明な白になります。 フォーマット自体にその情報を記録する場所がないため、品質設定をどのように変更してもこれを変えることはできません。

この失敗は、色付きのページに配置されたロゴの後ろに白いボックスが表示されることで明らかになります。透過が必要な場合、選択肢はPNGまたはWebPになります。WebPは透過と非可逆圧縮の両方をサポートしており、これは古いフォーマットのどちらにもできない唯一の機能です。通常、PNGと同等の画像で25〜35%小さいファイルサイズを実現できます。

JPEGが繰り返し保存で劣化する理由

JPEGは保存するたびに詳細を永久に破棄し、その損失は保存を重ねるごとに蓄積されます。 JPEGを開き、少し編集して再度保存する行為は、画質に影響を与えない操作ではありません。

5〜6回繰り返すと、滑らかな部分のブロックノイズや輪郭の周囲のモスキートノイズとしてダメージが目に見えるようになります。PNGは毎回画像を正確に再構築するため、この問題は決して発生しません。作業中のファイルはPNGまたはエディタの独自フォーマットで保持し、JPEGへの書き出しは最終的な配布用コピーとしてのみ行うようにしてください。

スクリーンショットはほぼ常にPNG

スクリーンショットにはテキスト、インターフェースの境界線、平坦な色が含まれており、これらはまさにPNGが効率的に保存し、JPEGが劣化させてしまうコンテンツです。 文字の周囲に発生するJPEG特有のノイズは目立ちやすいため、テキストが含まれているかどうかが判断の決め手になります。

1つだけ例外があります。写真、ビデオのフレーム、またはゲームのスクリーンショットは、スクリーンショットという器に入った写真コンテンツであるため、JPEGが正しく処理します。ファイルがどのように作成されたかではなく、画像の中に何が写っているかで判断してください。

JPEGに使用すべき品質設定

一般的な用途には品質85、ウェブ用画像には品質75を使用します。これらの見た目の違いはわずかですが、ファイルサイズの差は非常に大きいためです。 品質100は、見た目の向上がないにもかかわらず、ファイルサイズがほぼ2倍になります。

• 品質 90〜95：アーカイブ、印刷、および後で編集する写真用。
• 品質 80〜85：一般的な用途向け。通常の表示サイズでは劣化が目に見えません。
• 品質 70〜75：ウェブページ向け。ほとんどのサイトはこの範囲に収めるべきです。
• 品質 50〜65：厳しいアップロード制限により強制される場合のみ。
• 品質 100：JPEGは最大設定でも非可逆圧縮であるため、使用する必要はありません。

大きすぎるPNGを縮小する方法

PNGには品質スライダーがないため、効果の大きい順に以下の4つのアプローチを試してください。

1. 解像度（寸法）を縮小します。これはコストがかからず、通常最も効果的です。5000ピクセルのスクリーンショットが必要な人はいません。
2. 色深度を下げます。これは平坦なグラフィックには効果的ですが、写真には不向きです。
3. 不要な余白を切り取ります。空白であってもファイルサイズを消費します。
4. WebPに変換します。透過を維持したまま、通常25〜35%小さくなります。

コンテンツに関わらずJPGが求められる場合

政府のポータルサイト、試験の申請フォーム、およびほとんどの印刷サービスでは、画像の内容に関わらずJPGのみを受け付けます。 コンテンツに関するルールよりも、提出先のルールが優先されます。

スキャンした文書は厄介なケースです。テキストのページは平坦なグラフィックコンテンツであるためPNGの方が適していますが、ポータルサイトはJPGを要求します。グレースケールでスキャンし、解像度を300 DPI付近に保ち、テキストが読めるように品質85以上を使用してください。結果はPNGよりも大きくなりますが、実際にアップロード可能なファイルになります。

PNGは本当に高画質を意味するのか

PNGはロスレス（可逆圧縮）ですが、これは「見た目が良い」ということと同じではありません。 PNGとして保存された写真は、JPEG品質90で保存された同じ写真と見た目は全く同じですが、ファイルサイズは5倍になります。

この混乱は「ロスレス」という言葉から生じています。これは画像がどのように見えるかではなく、ファイルがどのように保存されるかを表す言葉です。ロスレスが重要になるのは、ファイルを繰り返し編集する場合や、正確なピクセル値が必要な場合です。一度公開されて画面上で閲覧される写真の場合、この違いによる見た目の影響はありません。

2つの間でWebPが果たす役割

WebPは、写真用の非可逆モードとグラフィック用の可逆モードの両方を提供し、さらにどちらでも透過をサポートしています。 このフォーマットにより、ほとんどのウェブ環境で選択に悩む必要がなくなります。

現在のすべてのブラウザがWebPをサポートしているため、ウェブサイト側が互換性を理由にPNGやJPEGを優先する理由はありません。ただし、アップロードフォーム、メールの添付ファイル、プレスキット、印刷物など、ブラウザの外に出るファイルについては、WebPのサポートがまだ十分ではないため、古いフォーマットを使用し続けてください。

2つのフォーマット間の変換

PNGからJPGに変換すると、ファイルサイズが縮小し、透過が失われます。JPGからPNGに変換すると、ファイルサイズが増加し、何も復元されません。 後者の方向は、多くの人が誤解している点です。

JPEG圧縮によってすでに破棄された詳細は、可逆フォーマットで保存し直しても復元できません。JPEGをPNGに変換すると、同じ劣化した画像を含んだより大きなファイルが作成されるだけです。これはシステムがPNGを要求している場合には稀に役立ちますが、画質の向上には一切役立ちません。配布用コピーからではなく、お持ちの最も高画質なソースから変換を行ってください。

フォルダごと一括で変換する

フォーマットの決定は通常、画像カテゴリ全体に適用されるため、ファイルごとではなくライブラリ全体を一度に変換します。 スクリーンショットのフォルダにはPNGが必要であり、製品写真のフォルダにはJPGまたはWebPが必要です。

最大500個のファイルを一度にドロップするか、ZIPアーカイブを直接ドラッグインするだけで、すべての画像が同じ仕様に変換されて戻ってきます。すべてはお使いのブラウザ内、ご自身のプロセッサ上で実行されるため、クライアントの仕事、未公開のデザイン、社内のスクリーンショットなどがサーバーに送信されることはありません。何もアップロードされないため、確認すべき保存ポリシーもなく、変換後にどこかにデータが保存されることもありません。

正しいフォーマットは2つのグループで異なるため、変換する前にライブラリを写真とグラフィックに分類してください。この1つの分類ステップこそが、フォーマットの決定を一括処理へと変える鍵であり、この記事の冒頭にある4つの質問にファイルごとではなく、フォルダごとに一度だけ答える価値がある理由です。