2026-06-28

PNGからJPGへの変換:いつ切り替えるべきか、正しい手順とは?

PNGをJPGに変換することで、ファイルサイズを80%以上削減できます。PNGの透明度を維持する方法、背景の処理方法、そして品質を保ちながらバッチで変換する手順について詳しく解説します。

PNGからJPGへの変換:いつ切り替えるべきか、正しい手順とは?

最終更新日: June 28, 2026

PNGとJPGは異なる用途にあり、一方から他方への変換は、透過性、ファイルサイズ、画像コンテンツに関する判断が伴います。PNGはシャープなエッジと透過性を保持しますが、大きなファイルを生成します。一方、JPGは写真のコンテンツをよりアグレッシブに圧縮しますが、透過性を失い、フラットカラーが劣化します。本ガイドでは、いつPNGからJPGへの変換が実際に役立つのか、失われる透過性にはどう対処するのか、そして画質の低下なしに行うバッチワークフローについて解説します。

クイックアンサー:PNGをJPGに変換すべきなのはどんな時か?

画像が写真(テキストやシャープなエッジを持つグラフィックではない)であり、透過性を必要としない場合にPNGをJPGに変換してください。なぜなら、JPGは目に見える画質の低下なしにファイルサイズを80%以上縮小できるからです。画像にテキスト、ロゴ、シャープな線、または透過的な背景がある場合はPNGを維持してください。JPGの圧縮はこれらをぼかし、透過性を保存できません。フォルダ内の画像を一度に変換するには、batch converterを使用し、単一の画像を変換するには、image converterを使用します。

なぜPNGはJPGよりも大きなファイルサイズになるのか?

PNGはフラットカラー領域とシャープなエッジ向けに設計された非可逆圧縮(lossless compression)を使用しています。ピクセルをすべて正確に保持するため、グラフィックには理想的ですが、写真にとっては無駄であり、数百万の微妙な色のバリエーションがこの圧縮を困難にします。JPGは写真の滑らかなグラデーション向けに設計された可逆圧縮(lossy compression)を使用し、目があまり気づかないディテールを破棄することで劇的なサイズ削減を実現します。

Image type PNG size JPG size (q85) Better format
Photograph Large 80-90% smaller JPG
Screenshot with text Small Larger or blurry PNG
Logo with transparency Small Broken (no alpha) PNG
Flat-color graphic Small Similar Either

写真の場合、サイズ差は甚大です。5 MBの写真PNGは、品質85のJPGではしばしば500 KBになり、知覚できる違いはありません。format comparisonでは、これら3つの一般的なフォーマットすべてにおけるトレードオフを解説しています。

代わりにPNGを維持すべきなのはどんな時か?

画像がJPGでは提供できない機能に依存している場合、PNGを選択するのが適切です。これらをJPGに変換すると、それらの機能が損なわれます。

Converting a PNG file to JPG format to cut file size for web use

  • 透過性 — PNGはアルファ透過性をサポートしますが、JPGはサポートしません。透過的な背景のロゴは、JPGでは単色の白いボックス上のロゴになります。
  • シャープなテキスト — JPGの圧縮は、テキストのエッジ周辺にリンギングアーティファクト(ringing artifacts)を引き起こします。テキストを含むスクリーンショットはPNGのままにするべきです。
  • フラットカラー — PNGはフラット領域を効率的に圧縮しますが、JPGはバンディング(banding)を引き起こす可能性があります。
  • 再編集 — PNGは非可逆であるため、再保存しても劣化しませんが、JPGは保存するたびに画質が低下します。

これらが当てはまる場合は、PNGを維持してください。ファイルサイズは、それらの機能に対する代償なのです。

変換時に透過性はどう対処するか?

PNGからJPGへの変換で最も難しいのが透過的な背景です。なぜなら、JPGにはアルファチャンネルがないからです。最初に透過性を単色で塗りつぶす必要があります。

A futuristic digital interface, the kind of asset where background handling matters

  1. 画像が配置される背景色を決定します(通常は白)。
  2. 変換する前に、PNGをその背景色上に平坦化します。
  3. 品質85でJPGに変換します。
  4. かつての透過的なエッジ周辺に目に見えるハローがないか確認します。
  • 背景色は、画像が配置される場所に合わせて合わせます(ほとんどのサイトでは白、ダークテーマでは黒)。
  • 背景色が不一致だと、醜い可視の長方形が生成されます。
  • 様々な背景の上に配置する必要がある画像の場合は、PNGを維持してください。JPGはこの作業はできません。

バッチ変換ワークフロー

PNGフォルダを一つずつJPGに変換するのは時間がかかります。バッチアプローチでは、すべてのファイルに同じ設定を適用します。

  1. 写真(良いJPG候補)とグラフィック(PNGとして保持すべきもの)を分離します。
  2. 透過性のあるPNGはすべて白い背景上に平坦化します。
  3. batch converterを使用して写真フォルダ全体を品質85で実行します。
  4. アーティファクトがないか、結果を3〜4点目視チェックします。
  5. 必要に応じて、Compressでさらに圧縮します。

PNG versus JPG file size comparison showing why JPG wins for web photos

Batch setting Recommendation
Quality 85 for photos, 95 for important images
Background flatten White (or match destination)
Resize Do this separately, before or after
Output folder New folder, keep PNG originals

最適なJPGの品質レベルの選択

画質は、PNGからJPGへの変換がスペースを節約するか、画像を台無しにするかを決定する唯一の設定です。適切なレベルは、画像の内容と閲覧方法によって異なります。

Quality File size Visible loss Good for
95-100 Large None Archival, important images
85-90 Medium None to most eyes Standard web photos
75-80 Small Slight Thumbnails, high-volume
Below 70 Very small Visible artifacts Avoid for most uses

実用的な方法:品質85でエクスポートし、100%ズームで表示します。アーティファクトが見えなければそれが適切な画質です。もし見えた場合は、90に上げてください。小さなサイズで表示される画像の場合、通常は75または80で十分です。なぜなら、アーティファクトはサムネイルサイズでは目に見えないからです。小さなファイルのために品質を70以下に落とそうとする誘惑は、ほとんどの場合裏目に出ます。ブロックノイズが小さなディスプレイでも明白になり、画像が安っぽく見えます。空や肌のような滑らかなグラデーションを持つ写真はまずJPGアーティファクトを示すため、画質レベルを選択する際はこれらの領域を特に確認してください。

一般的な変換ミス

  • テキストが多いスクリーンショットの変換 — JPGはテキストをぼかします。PNGを維持してください。
  • 透過性を白いボックスに失う — まず適切な背景色上に平坦化してください。
  • JPGの繰り返し再保存 — 保存するたびにアーティファクトが蓄積します。一度だけPNGから変換してください。
  • 低すぎる品質の使用 — 80以下では、ほとんどの写真でJPGアーティファクトが見えるようになります。
  • 画質が悪くなるグラフィックの変換 — フラットカラーのアートはJPGになると劣化する可能性があります。サイズを確認してください。

WebPを使うべきなのはどんな時か?

最新のWebPは、PNGとJPGの両方を上回ることがよくあります。PNGのような透過性をサポートしつつ、JPGのように写真を圧縮でき、どちらよりも小さなサイズを実現します。新しいウェブ画像の場合、PNGを直接WebPに変換することで、透過性と小さなファイルを一つのフォーマットで得られます。PNG to WebP guideがその手順を解説しています。

WebPは非可逆圧縮を使用することで、グラフィックの品質においてPNGと同等の画質をより小さいサイズで実現でき、また可逆WebPは写真に対してJPGよりも優れています。したがって、ブラウザサポートがもはや問題ではないウェブ向けの場合、ソースが写真かグラフィックかにかかわらず、WebPがますます単一の最良の答えとなっています。基盤となるフォーマット仕様については、Mozilla image format referenceに各々の機能が記載されており、PNG specificationはPNGをグラフィックにとって最適な選択肢とする非可逆圧縮を定義しています。習慣ではなく、画像のコンテンツと目的地によってフォーマットを選択してください。

よくある質問

PNGをJPGに変換すべきなのはどんな時ですか?

画像が写真であり、ファイルサイズが重要である場合です。JPGは写真に対して遥かに小さいからです。シャープなエッジ、テキスト、または透過性を持つグラフィックの場合はPNGを維持し、JPGの圧縮アーティファクトが表示されるのを防ぎます。コンテンツに合わせてフォーマットを合わせましょう。

PNGはなぜJPGよりも大きなファイルサイズになるのですか?

PNGは非可逆圧縮を使用し、すべてのピクセルを正確に保持します。一方、JPGは目があまり気づかないディテールを破棄します。写真の場合、これはPNGが情報(JPGが安全に破棄するもの)を保持することを意味するため、同じ視覚的な結果に対してPNGの方がはるかに大きくなります。

JPGに変換する際、透過性はどう対処すればいいですか?

JPGは透過性をサポートしないため、透過的なPNGは変換時に強制的な背景(通常は白または黒)が適用されます。まずPNGを任意の背景色上に平坦化してから、変換してください。JPGのエクスポートで透過性が維持されると期待しないでください。

どの程度のJPG品質を使うべきですか?

ウェブ向けには品質80〜85(目に見えない損失、小さなファイルサイズ)が良いです。印刷物や検査対象のクロップの場合はより高い品質が必要です。ターゲットとなる品質で一度だけ変換し、繰り返し再保存しないでください。なぜなら、JPEGを保存するたびに生成ロスが加わるからです。

透過性を失わずにPNGをJPGに変換できますか?

いいえ。JPGは透過性をサポートしないため、透過的なPNGには強制的な背景が適用されます。まず任意の背景色上に平坦化してから、変換してください。透過性が必要な場合は、PNGのままでするか、代わりにWebPに変換してください。

どの程度のJPG品質に変換すべきですか?

ウェブ配信向けには品質80〜85(閲覧サイズでの目に見えない損失、品質100の約4分の1のバイト数)を使用します。90〜95は、印刷物や詳細に検査されるクロップのみに使用してください。PNGマスターからターゲット品質で一度だけ変換し、JPEGを繰り返し再保存しないでください。なぜなら、保存するたびに生成ロスが加わるからです。

PNGをJPGに変換すると透過性は失われますか?

はい。JPGにはアルファチャンネルがないため、すべての透過領域は強制的な背景(通常は白または黒)を受けます。透過性が必要な場合は、PNGのままでするか、代わりにWebPに変換してください。どちらもアルファチャンネルをサポートしています。透過的なPNGをJPGに変換するには、まず任意の背景色上に平坦化してから、JPGをエクスポートしてください。

ガイドを読みながら無料ツールをお使いください。

画像フォーマット解説:JPEG、PNG、WebP、GIF、SVG、AVIF のカバー画像

Thu Mar 19 2026 20:00:00 GMT-0400 (北美东部夏令时间)

画像フォーマット解説:JPEG、PNG、WebP、GIF、SVG、AVIF

各画像フォーマットの用途を徹底解説。JPEGとPNG、WebP、AVIF、SVG、GIFなど、どの形式を使うべきかを比較し、実際の測定ファイルサイズやウェブ画像のための実用的な決定ルールを提供します。

画像圧縮の仕組み:JPEG、PNG、WebPを徹底解説 のカバー画像

Sat Mar 21 2026 20:00:00 GMT-0400 (北美东部夏令时间)

画像圧縮の仕組み:JPEG、PNG、WebPを徹底解説

画像圧縮技術の専門的な解説を行います。クロマサブサンプリング、DCT、量子化、PNGフィルタリングといった基本的なメカニズムから掘り下げ、各フォーマットが最も適している用途や実用的な画質設定について詳しくご説明します。