HEIC2ALLHEIC2ALL
詳しく見る

PNGからJPGへの変換方法(透過処理付き)

背景、品質、サイズを完全にコントロールしてPNG画像を最適化されたJPGに変換

PNGをJPGに変換

PNGは素晴らしい画像フォーマットです。可逆圧縮ですべてのピクセルを保持し、透過をサポートし、シャープなテキストやロゴを美しく処理します。しかしコストがあります:ファイルサイズです。1枚のPNGスクリーンショットが数メガバイトになることも珍しくなく、画像をまとめてメールで送信したり、JPGを優先するプラットフォームにアップロードしたり、ウェブサイトの読み込み時間を短縮したい場合、PNGの大きなファイルサイズが本当の障害となります。

もう1つのよくある驚きは、透明なPNGを背景のことを考えずにJPGに変換したときに起こります。JPGには透過の概念がないため、透明な領域は塗りつぶされます — 多くの場合黒で、これはほとんどの場合望ましくありません。ロゴが暗い長方形の上に配置され、商品写真に不思議な暗いハローが出て、ヘッドショットが真っ黒な背景に — すべて同じ問題の症状です。

このガイドでは、all2JPGを使ってPNGからJPGへの正しい変換方法を紹介します。無料の100%ブラウザベースコンバーターです。透明な画像に正しい背景色を選ぶ方法、許容できる品質で最小ファイルサイズを実現する品質設定の調整方法、最も一般的なミスを避ける方法を学べます — しかもファイルを一切サーバーにアップロードすることなく。

PNG vs JPG:簡単な判断

変換前に、各フォーマットの得意分野を理解しておくと役立ちます。以下の表は主な違いをまとめており、変換が本当に意味があるかどうかを判断するのに役立ちます。

機能PNGJPG最適な用途
圧縮可逆非可逆PNGはピクセル単位の正確さ;JPGはより小さなファイル向け
透過フルアルファチャンネル非対応透過が必要な場合はPNG
ファイルサイズ大きい大幅に小さい写真、メール、SNSにはJPG
シャープなテキストとロゴ優秀アーティファクトが出る可能性ハードエッジのグラフィックスにはPNG
写真とグラデーション過剰品質優秀自然な画像と写真にはJPG
互換性ユニバーサルユニバーサル両方どこでも動作

PNGからJPGへの変換が意味を持つのは、写真や複雑な画像がPNGとして保存されている場合、ウェブ配信やメール用にファイルサイズを削減する必要がある場合、またはプラットフォームが明示的にJPGアップロードを要求する場合です。画像に保持すべき透過がある場合、またはアーティファクトが許容できないシャープなテキストや線画が含まれる場合は、PNGを維持する方が良い選択です。より詳しい比較は、JPG vs PNG:どちらを使うべきか?ガイドをご覧ください。

ステップバイステップ:PNGからJPGへの変換

all2JPGでのPNGファイルの変換は1分もかかりません。以下の4つのステップに従ってください:

ステップ1:all2JPGを開いてPNGを追加

最新のブラウザでall2JPGにアクセスします。最も便利な方法でPNG画像を追加してください:コンバーター領域にドラッグ&ドロップ、アップロードゾーンをクリックしてファイルピッカーを開く、クリップボードから直接画像を貼り付け、画像URLを入力、クラウドストレージからインポート、またはモバイルでカメラキャプチャ。all2JPGは1枚あたり最大10 MBのファイルに対応し、一括変換をサポートしているので、複数のPNGを一度に追加できます。

ステップ2:JPG出力を選択して品質を設定

出力フォーマットとしてJPGを選択します。品質スライダーで希望の圧縮レベルを設定してください — ほとんどの画像で約85%が良い出発点です。ウェブ上での知覚的な読み込み速度向上のためにプログレッシブJPEGエンコーディングを有効にしたり、クロマサブサンプリングモード(最大色忠実度には4:4:4、最小ファイルサイズには4:2:0)を選択したり、印刷用であればDPIを調整したりすることもできます。

ステップ3:透明なPNGの背景色を選択

PNGに透明な領域がある場合、このステップが重要です。JPGは透過を保存できないため、それらの領域にはソリッドカラーが必要です。all2JPGでは透明ピクセルを塗りつぶす色として、またはカスタムカラーを選択できます。ドキュメントやウェブ画像では白が最も一般的な選択です。画像が表示される場所の背景に合った色を選んでください。

ステップ4:変換してダウンロード

変換ボタンをクリックします。変換はWebAssembly(jsquash)を使ってブラウザ内で完全に実行されます — データはどこにもアップロードされません。処理が完了したら、最適化されたJPGファイルをダウンロードしてください。複数画像の場合は、すべてのファイルを一度にダウンロードできます。

透過:何が起こるか、背景の選び方

JPGはアルファチャンネル(PNGの透過情報を保存するレイヤー)をサポートしていません。透明なPNGを背景色を指定せずにJPGに変換すると、コンバーターは透明なピクセルを何かで塗りつぶさなければなりません。多くのツールではデフォルトが黒であり、最も一般的な不満の原因となります:ロゴや切り抜き画像が予期しない暗い背景に表示されるのです。

透過の処理が不適切な場合の他の症状には、被写体周辺のギザギザしたエッジ(半透明アンチエイリアスピクセルが間違った背景色と合わさる場合)、テキスト周りの暗いハロー、黒いカードに貼り付けたように見える商品画像などがあります。

以下のガイドを使って、状況に適した背景色を選んでください:

用途推奨背景メモ
ウェブページ(ライトテーマ)白(#FFFFFF)ほとんどのウェブサイト背景にシームレスにマッチ
ドキュメントとプレゼンテーション白(#FFFFFF)印刷およびオフィスドキュメントの標準背景
ダークテーマのウェブサイトサイトカラーに合わせるall2JPGのカスタムカラーピッカーを使用
ECサイトの商品写真白(#FFFFFF)ほとんどのマーケットプレイス(Amazon、eBay)で必須
SNSのアバター白またはブランドカラープラットフォームと個人の好みによる

画像に透過が必須の場合 — 例えば、異なる背景の上に浮かぶ必要のあるロゴ — JPGに変換しないでください。PNGのまま保持するか、代わりにWebPを使用してください。黒い背景の問題について詳しくは、JPGの背景が黒くなる理由をご覧ください。

品質、プログレッシブ、カラー設定

all2JPGはJPG出力をきめ細かくコントロールできます。これらの設定を理解することで、視覚的品質とファイルサイズの最適なバランスを見つけられます。

品質チートシート

品質範囲視覚的結果ファイルサイズへの影響
95〜100%オリジナルとほぼ区別できない大 — PNGからのわずかな削減のみ
80〜90%優秀;通常の閲覧ではアーティファクトが見えない中 — 通常PNGより60〜80%小さい
60〜80%良好;詳細な検査で軽微なアーティファクトが見える小 — ウェブやメールに最適
30〜60%許容範囲;目に見えるソフト化とブロッキング非常に小 — サムネイルとプレビュー向け
10〜30%低;全体的に目に見える圧縮アーティファクト最小 — プレースホルダー画像のみ

プログレッシブJPEG

プログレッシブエンコーディングを有効にすると、段階的にレンダリングされるJPGを作成できます — 画像は最初にぼやけて表示され、データの読み込みに伴いシャープになります。これにより、ユーザーが上から下に行ごとに画像が読み込まれるのを待つのではなく、ほぼ即座にプレビューが表示されるため、ウェブ上でのパフォーマンスの知覚が向上します。

クロマサブサンプリング

クロマサブサンプリングは、輝度(明るさ)の詳細を保持しながら画像の色解像度を下げます。人間の目は色よりも明るさに敏感なため、これはファイルを縮小する効率的な方法です。サブサンプリングなし(完全な色忠実度)には4:4:4、適度な削減には4:2:2、写真では最小限の知覚差で最小ファイルには4:2:0を使用してください。

sRGBとDPI

sRGBカラープロファイルを埋め込むことで、異なるモニター、ブラウザ、オペレーティングシステム間でJPGが一貫して表示されます。印刷用に画像を準備する場合は、プリンターの要件に合わせてDPI値を設定してください(高品質印刷には通常300 DPI)。画面のみの使用では、DPIは一般的に表示に影響しませんが、デザインワークフローには有用なメタデータです。不要なメタデータの削除について学ぶには、JPGエクスポート時のEXIFメタデータ削除ガイドをお読みください。

まとめ

PNGからJPGへの変換は、2つの重要な判断を理解すれば簡単です:透過をどう処理するかと品質をどう設定するか。画像が配置される場所に合った背景色を選び、忠実度とファイルサイズのバランスが取れた品質レベルを選び、残りはコンバーターに任せましょう。

all2JPGなら、すべてのプロセスがブラウザ内で行われます — アップロードなし、アカウントなし、インストールするソフトウェアなし。ファイルはデバイス上に残り、WebAssembly処理のおかげで変換は数秒です。1枚の商品写真を最適化する場合でも、スクリーンショットのフォルダを一括変換する場合でも、all2JPGはジョブを正しく完了するために必要なコントロールとプライバシーを提供します。