PNG to JPG 変換ツール

なぜPNGをJPGに変換するのか

PNGからJPGへの変換は、最も一般的な画像操作の一つです。主な理由は劇的なファイルサイズの削減です。5〜10MBのPNG画像は、品質85%のJPGに変換すると300〜800KBのファイルになりますが、視覚的には同一の外観を維持します。写真やなめらかな色のグラデーションを持つ画像では、サイズの差は10〜15倍にもなります。

PNG形式（Portable Network Graphics）は、ピクセル単位の正確さが重要なタスク向けに作成されました：スクリーンショット、図表、ロゴ、テキストを含む画像などです。DEFLATEアルゴリズムはデータを可逆圧縮し、オリジナルとのバイト単位の一致を保証します。しかし、写真や複雑な画像では、この精度は過剰であり、ファイルサイズは不当に大きくなります。

JPG（JPEG）は写真専用に設計されました。このアルゴリズムは人間の視覚特性を考慮しています：私たちは色のニュアンスよりも明るさをよく区別し、高周波の詳細を知覚しにくいです。目が捉えられない情報を破棄することで、JPGは主観的に区別できない品質を維持しながら、印象的な圧縮を達成します。

PNGとJPG形式の技術的な違い

圧縮アルゴリズムと品質への影響

PNGは2段階の可逆圧縮アルゴリズムを使用します。第1段階では、各ピクセル行が5つのフィルター（None、Sub、Up、Average、Paeth）のいずれかで処理され、隣接ピクセルに基づいてピクセル値を予測します。予測からの偏差のみが記録され、これは単色領域で特に効果的です。第2段階では、DEFLATEアルゴリズム（ZIPアーカイブと同じ）がフィルター処理されたデータを繰り返しシーケンスを見つけて圧縮します。

JPGは離散コサイン変換（DCT）に基づく非可逆圧縮を適用します。画像はRGBからYCbCr色空間（輝度＋2つの色差成分）に変換され、次に8×8ピクセルのブロックに分割されます。各ブロックは空間領域から周波数領域に変換されます。低周波成分（全体的なトーン、大きなグラデーション）は正確に保持され、高周波成分（細部、テクスチャ）は品質レベルに応じて丸められるか破棄されます。

比較表

興味深い事実：色数が少なく境界がシャープな画像（アイコン、ピクセルアート、シンプルなグラフィックス）では、PNGはJPGよりもコンパクトになる場合があります。これは、DEFLATEが繰り返しパターンを効率的に圧縮する一方、DCTはシャープな遷移のある領域でアーティファクトを導入するためです。

変換時の透明度の処理

PNGは256レベルの透明度を持つフルアルファチャンネルをサポートしています。これにより、滑らかな半透明の影、ぼかした縁、ガラス効果を作成できます。JPGにはアルファチャンネルがありません — この形式は完全に不透明な画像のみをサポートしています。

透明度を持つPNGをJPGに変換する際、透明な領域を何で埋めるかを決定する必要があります。標準的な解決策は白い背景で、これはほとんどのデザインで機能します。ただし、暗い背景用の画像では、白い塗りつぶしが目に見える輪郭を作成します。そのような場合は、適切な塗りつぶし色を選択するか、PNGを維持してください。

半透明ピクセル（アルファ1-254）はアルファ合成を使用して変換されます：結果のピクセル色は、ソース色と背景色の透明度に比例したブレンドとして計算されます。式：結果 = ソース × アルファ + 背景 × (1 - アルファ)。

PNGからJPGへの実践的な変換シナリオ

ウェブサイト向け画像最適化

読み込み速度はコンバージョン率と検索ランキングに直接影響します。GoogleはCore Web Vitalsを考慮しており、LCP（Largest Contentful Paint）は画像サイズに大きく依存します。PNG写真をJPGに変換すると、ページ読み込みが数倍高速化されます。

典型的なウェブマスターのタスク：デザイナーからすべての要素がPNGのレイアウトを受け取り、どれが安全にJPGに変換できるかを判断します。ルールはシンプルです：

• PNGを維持：ロゴ、アイコン、透明度のある要素、インターフェーススクリーンショット、テキストを含む画像
• JPGに変換：写真、写真背景のバナー、透明度のない背景画像

何千もの商品写真を持つECストアでは、PNGからJPGへの変換でテラバイト単位のトラフィックを節約し、ユーザーエクスペリエンスを向上させます。

メールマーケティング用画像の準備

メールマーケティングでは、画像品質とメッセージサイズのバランスが必要です。メールクライアントは添付ファイルの重さを制限し（通常10-25MB）、重いメールはスパムに入りやすくなります。メール本文の画像は即座に読み込まれる必要があり、そうでなければ受信者は待たずに閉じてしまいます。

メールの推奨事項：

• メール内の画像総重量：500KB以下
• 個々の画像：50-150KB
• JPG品質：70-80%（画面表示には十分）

メールでのPNGは、透明背景の会社ロゴやアイコンにのみ正当化されます。

ソーシャルメディアへの投稿

ソーシャルネットワークはアップロードされた画像を自動的に再圧縮しますが、ソース形式が結果に影響します。重いPNGのアップロードには時間がかかり、モバイルインターネットではタイムアウトを引き起こす可能性があります。ほとんどのプラットフォームはJPG向けに最適化されています：

写真をアップロードする際、公開前にPNG→JPGを変換すると、プラットフォームのアルゴリズムに任せる代わりに圧縮品質を制御できます。

メッセンジャーでの画像送信

メッセンジャーはトラフィックを節約するために画像を積極的に圧縮します。WhatsAppはスクリーンショット内のテキストが読めなくなるレベルまで品質を下げます。Telegramも「通常」モードでは写真を再圧縮します。

逆説的に、制御された品質でPNGをJPGに事前変換すると、より良い結果が得られる場合があります：

1. 品質を85-90%に設定 — 閲覧には十分
2. ファイルはすでにコンパクトで、メッセンジャーは追加圧縮を減らす
3. 最終品質は重いPNGをアップロードするよりも高くなる

圧縮なしで送信：Telegramではドキュメントとしてファイルを送信、WhatsAppではファイルマネージャー転送を使用。

マーケットプレイスや掲示板へのアップロード

Amazon、eBay、Etsyなどのプラットフォームには商品画像の形式とサイズの要件があります。ほとんどがJPGを好みます：

• Amazon：JPG推奨；最小1000×1000、推奨2000×2000
• eBay：JPG；最大12MB；推奨1600×1600
• Etsy：JPG、PNG；最長辺最小2000px

PNG商品写真をJPGに変換すると、アップロードが高速化され、プラットフォーム上のストレージスペースが削減され、カタログでのサムネイル表示が正しくなります。

変換時の品質設定

JPG品質スケールとその影響

JPG品質パラメータ（1-100%）はDCT係数の量子化の程度を決定します：

• 100%：最小量子化、ファイルサイズはPNGに近い、アーティファクトはほぼなし
• 90-95%：わずかな圧縮、ズームしてもアーティファクトは見えない、印刷に最適
• 80-90%：中程度の圧縮、200%以上のズームでのみアーティファクトが見える、Web標準
• 70-80%：目立つ圧縮、グラデーションにわずかなアーティファクト、プレビューには十分
• 50-70%：強い圧縮、コントラストの強い縁の周りに目に見えるアーティファクト
• 50%以下：顕著なブロックアーティファクト、サムネイルにのみ適切

ファイルサイズと品質の関係は非線形です。100%から90%に下げるとファイルは2-3倍小さくなりますが、90%から80%では20-30%しか小さくなりません。ほとんどのタスクの最適点は82-88%です。

品質の推奨事項

コンテンツが最適品質に与える影響

画像タイプはアーティファクトの可視性に影響します：

自然写真、ポートレート：葉、肌、布のテクスチャがアーティファクトをマスクします。80-85%を安全に使用できます。

建築、技術写真：直線と単色の表面がブロッキネスを明らかにします。88-92%を推奨。

グラデーション、空、ぼけた背景：滑らかな遷移でバンディングアーティファクトが目立ちます。90-95%が必要。

テキストを含むグラフィックス：シャープな文字境界が圧縮時に特徴的な「ハロー」を作成します。92-95%が良いか、PNGを維持。

変換プロセス：技術詳細

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

1. PNGファイルの読み取り：デコーダーがDEFLATEデータを解凍し、逆フィルターを適用してピクセル値を復元します。PNGにアルファチャンネルが含まれている場合、4つの成分（RGBA）が抽出されます。

2. アルファチャンネル処理：部分的または完全な透明度を持つピクセルに対して、背景色とのアルファ合成が実行されます。結果 — 完全に不透明なRGB画像。

3. ユーザー設定の適用：スケーリング、回転、反転、グレースケール変換 — このステージで非圧縮データに対して実行されます。

4. 色空間変換：画像はRGBからYCbCrに変換されます。輝度チャンネル（Y）はフル解像度を維持し、色差（Cb、Cr）は通常4:2:0でサブサンプリングされます（各軸で半分）。

5. 離散コサイン変換：各8×8ピクセルブロックが周波数係数行列に変換されます。左上の要素（DC）— ブロックの平均明るさ、その他（AC）— さまざまな周波数の詳細。

6. 量子化：係数は品質パラメータに応じた量子化テーブルの値で割られます。高周波係数が最初にゼロになります。

7. エントロピー符号化：量子化された係数はハフマンまたは算術符号化を使用して圧縮されます。

8. ファイル形成：JPGマーカー、量子化およびハフマンテーブル、圧縮データが書き込まれます。

クロマサブサンプリング

人間の目は色受容体よりも明るさ受容体が5倍多くあります。これにより、目立った品質低下なしに低解像度で色情報を保存できます。サブサンプリングスキーム：

• 4:4:4：サブサンプリングなし、最大色品質、大きいサイズ
• 4:2:2：水平方向に半分の色、まれに使用
• 4:2:0：両軸で半分の色、ほとんどのJPGの標準

細かい色の詳細を持つ画像（チャート、図）では、4:2:0サブサンプリングが色のハローを引き起こす可能性があります。そのような場合は、PNGを維持する方が良いです。

サイズ削減のための代替形式

モダンな代替としてのWebP

GoogleのWebPは両方の長所を提供します：JPGより25-35%効率的な非可逆圧縮、PNGより25%効率的な可逆圧縮、透明度もサポート。

ターゲットオーディエンスがモダンブラウザを使用している場合、WebPが最適な選択です。最大の互換性のために、JPGが標準のままです。

AVIF — 未来の形式

AVIFはAV1ビデオコーデックに基づいており、JPGより40-50%効率的な圧縮を提供します。HDR、広色域、透明度をサポート。主な欠点 — 遅いエンコーディングと不完全なブラウザ/ソフトウェアサポート。

重要なプロジェクトには、<picture>タグを介したプログレッシブエンハンスメント戦略が推奨されます：AVIF → WebP → JPG。

複数ファイルの一括変換

大規模な画像コレクションを扱う場合、手動変換は非効率的です。典型的なバッチ処理シナリオ：

• スクリーンショットアーカイブ：バックアップサイズを削減するためにPNGスクリーンショットのフォルダーをJPGに変換
• フォトギャラリー：ソーシャルメディア公開用にアルバムを準備
• 商品写真：マーケットプレイスアップロード用に画像を処理
• ドキュメント：技術マニュアル用にスクリーンショットを変換

一括変換はすべてのファイルに一貫した品質設定を維持し、均一な結果を保証します。

異なるPNGタイプの扱い

PNG-8 vs PNG-24/32

PNG-8は最大256色のインデックスパレットを使用します。ファイルはコンパクトですが、色の範囲は限られています。JPGに変換すると、画像は自動的にフルカラーに拡張されます。

PNG-24はJPGと同じ1670万色（24ビット）を保存します。変換は簡単で、主な節約は非可逆圧縮から来ます。

PNG-32はPNG-24に8ビットアルファチャンネルを追加します。変換時に透明度の処理が必要 — 背景色で塗りつぶし。

インターレースPNG

インターレースPNGには、読み込み中にぼやけたプレビューを表示できる順序で画像データが含まれています。これは変換品質に影響しません — デコーダーは処理前に完全な画像を復元します。

PNGをJPGに変換してはいけない場合

テキストと細い線を含む画像

JPGアーティファクトはコントラストの強い領域の境界で特に目立ちます。文字、図、図面は変換後に特徴的な「ハロー」とぼやけを獲得します。95%品質でも、結果は元のPNGより悪くなります。

ピクセルアートとアイコン

限られたパレットとシャープな境界を持つ画像は、PNG-8でより効率的に保存されます。JPGに変換すると：

• シャープなピクセル境界がぼやける
• サブサンプリングにより色が歪む
• ファイルサイズが増加する可能性もある

複数回編集するための画像

ファイルが繰り返し開かれ、編集され、保存される場合、各JPG保存で追加の損失が発生します。中間形式としてのPNGは反復間の品質を維持します。

透明度を持つグラフィックス

明らかですが重要：最終使用で透明度が必要な場合（他の画像への重ね合わせ、色付き背景への配置）、この機能を失わずにJPG変換は不可能です。