画像を保存しようとすると、「ファイル形式を選択してください」と表示されますよね。
「.png」と「.jpeg」、どっちで保存すればいいんだろう？
そもそも何が違うの？
間違った形式で保存したらどうなるの？
こんな疑問を持っている人も多いでしょう。実は、PNGとJPEGには明確な違いがあって、用途によって使い分ける必要があるんです。
今回は、PNGとJPEGの違いと正しい使い分け方を、初心者でも分かるように解説します。
PNGとJPEGの基本情報
まず、それぞれの基本的な情報から見ていきましょう。
JPEG（ジェイペグ）とは
JPEG は「Joint Photographic Experts Group」の略です。読み方は「ジェイペグ」。
1992年に開発された、写真を保存するために作られた画像形式なんですね。
デジタルカメラやスマートフォンで撮影した写真は、ほとんどがこのJPEG形式で保存されます。
拡張子は「.jpg」または「.jpeg」です。どちらも同じもので、機能的な違いはありません。「.jpg」の方が一般的によく使われています。
PNG（ピング）とは
PNG は「Portable Network Graphics」の略です。読み方は「ピング」または「ピン」。
1996年に、GIFという古い画像形式に代わる新しい形式として開発されました。
イラストやロゴ、Webデザインのために作られた画像形式です。
拡張子は「.png」です。
PNGとJPEGの最大の違い：圧縮方式
PNGとJPEGの最も重要な違いは、圧縮方式にあります。
画像ファイルは、そのままだと容量が大きすぎるため、「圧縮」という処理を行ってファイルサイズを小さくします。
この圧縮方法が、PNGとJPEGでは全く異なるんです。
JPEGは非可逆圧縮
JPEGは「非可逆圧縮（ひかぎゃくあっしゅく）」という方式を使います。
非可逆圧縮とは、一度圧縮したら元に戻せない圧縮方法のことです。
具体的にどういうことかというと、JPEGで画像を保存する時、目には見えない程度のデータを削除してファイルサイズを小さくします。
人間の目では判別できないレベルの変化なので、普通は画質の劣化に気づきません。
でも、削除されたデータは完全に失われます。つまり、圧縮前の状態には二度と戻せないんですね。
さらに問題なのが、編集して保存するたびに画質が劣化していくという点です。
例えば、JPEG画像を開いて、ちょっと文字を追加して保存。
また開いて、色を調整して保存。
こうやって何度も保存を繰り返すと、だんだん画質が悪くなっていきます。
プロのフォトグラファーが、撮影時にJPEGではなくRAW形式を使うのはこのためなんです。
PNGは可逆圧縮
一方、PNGは「可逆圧縮（かぎゃくあっしゅく）」という方式を使います。
可逆圧縮とは、圧縮しても元の状態に完全に戻せる圧縮方法のことです。
PNGは、画像のデータを一切削除せずに、効率的な保存方法を使ってファイルサイズを小さくします。そのため、何度保存し直しても画質が劣化しません。
例えるなら、JPEGは「本の内容を要約して短くする」方法、PNGは「本をコンパクトに折りたたんで収納する」方法です。J
PEGは情報が減りますが、PNGは情報量はそのままなんですね。
色数の違い
どちらの形式も、フルカラー1,677万色を表現できます。
ただし、PNGには3つのバリエーションがあって、それぞれ対応する色数が異なります。
PNG-8（256色）
PNG-8は、最大256色まで使える形式です。
色数が少ないため、ファイルサイズは非常に小さくなります。シンプルなロゴやアイコン、色数の少ないイラストに適しています。
透過（背景を透明にすること）にも対応しています。
PNG-24（約1,677万色）
PNG-24は、JPEGと同じく約1,677万色を表現できます。
写真やグラデーションのある画像も綺麗に保存できますが、JPEGより数倍ファイルサイズが大きくなります。また、PNG-24は透過に対応していません。
PNG-32（約1,677万色 + 透明度256段階）
PNG-32は、PNG-24と同じ色数に加えて、256段階の透明度を表現できます。
つまり、半透明の表現が可能なんですね。イラストから写真、グラデーションまで全てに対応できますが、3つの中で最もファイルサイズが大きくなります。
透過処理の対応
透過処理（背景を透明にする機能）の有無も、大きな違いです。
JPEGは透過に非対応
JPEGは、透過処理に対応していません。
どういうことかというと、JPEG形式で保存すると、透明だった部分が自動的に白い背景で埋められてしまうんです。
例えば、円形のロゴを作って白い背景のWebページに配置するとします。JPEG形式だと、ロゴの周りに白い四角が表示されて、見た目が悪くなります。
PNGは透過に対応
PNGは、透過処理に完全対応しています。
PNG-8とPNG-32では、背景を完全に透明にできます。PNG-32なら、半透明の表現もできるので、影や光の効果を含んだ画像も作れるんですね。
ロゴ、アイコン、切り抜き画像など、背景を透明にしたい場合は必ずPNGを使いましょう。
ファイルサイズの違い
一般的に、同じ画像をJPEGとPNGで保存した場合、JPEGの方がファイルサイズが小さくなります。
JPEGは軽い
JPEGは、非可逆圧縮によって大幅にファイルサイズを削減できます。
例えば、10MBの元画像を、画質をほとんど落とさずに1MB程度まで圧縮できることもあります。約10分の1ですね。
これにより、Webサイトの読み込み速度が速くなり、ストレージの容量も節約できます。
PNGは重い
PNGは、可逆圧縮のためファイルサイズが大きくなりがちです。
特に、写真のような色数の多い画像をPNG形式で保存すると、JPEGの数倍のサイズになることもあります。
ただし、色数の少ないイラストやロゴの場合は、PNGの方が軽くなることもあるんです。
同じ色が連続している部分を効率よく圧縮できるからですね。
PNGとJPEGの使い分け方
それでは、具体的にどういう場面でどちらを使えばいいのか見ていきましょう。
JPEGを使うべき場面
写真を保存する時
デジカメやスマホで撮った写真は、基本的にJPEGで保存しましょう。
JPEGは写真のために作られた形式なので、色数の多い写真を効率よく圧縮できます。ファイルサイズも小さく抑えられるので、ストレージ容量の節約になります。
Webサイトに画像を掲載する時
Webサイトの表示速度を重視する場合は、JPEGがおすすめです。
Googleは、ページの読み込み速度が遅いサイトの検索順位を下げる傾向があります。画像が多いサイトでは、JPEG形式を使うことでページの読み込みを速くできるんですね。
SNSに投稿する時
InstagramやTwitterなどのSNSに写真を投稿する時も、JPEGが適しています。
多くのSNSでは、アップロードされた画像を自動的にJPEGに変換して軽量化します。最初からJPEGで保存しておけば、余計な画質劣化を防げます。
グラデーションのある画像
空や夕焼け、水彩画のようなグラデーションのある画像は、JPEGで保存しましょう。
色が滑らかに変化する部分を、JPEGは効率よく圧縮できます。
PNGを使うべき場面
ロゴやアイコンを保存する時
会社のロゴ、アプリのアイコン、Webサイトのボタンなどは、PNG形式で保存しましょう。
これらは、色の境界がはっきりしている画像です。JPEGで保存すると、文字やラインの周りにノイズ（モヤモヤした汚れのようなもの）が発生して、見た目が悪くなります。
PNGなら、くっきりとしたエッジを保ったまま保存できます。
テキストを含む画像を保存する時
説明図やインフォグラフィック、スクリーンショットなど、文字を含む画像はPNG形式で保存しましょう。
文字の周りにJPEG特有のノイズが出ると、読みにくくなってしまいます。PNGなら、文字がくっきり鮮明に表示されます。
背景を透明にしたい時
これはもう必須条件ですね。背景を透明にしたい場合は、必ずPNGで保存してください。
JPEGでは透過処理ができないため、白い背景が付いてしまいます。
何度も編集する画像を保存する時
編集作業中の画像、つまり「作業中ファイル」として保存する場合は、PNG形式を使いましょう。
JPEGは保存のたびに画質が劣化するため、編集途中のファイルには向きません。完成したら、必要に応じてJPEGに変換すればOKです。
イラストやグラフを保存する時
色数が少なく、塗りつぶしの多いイラストやグラフは、PNGが適しています。
同じ色の部分を効率よく圧縮できるため、場合によってはJPEGより軽くなることもあります。
印刷物を作る時
パンフレットやポスターなど、印刷物に使う画像は、基本的にPNGで保存しましょう。
印刷では、画質の劣化が目立ちやすいためです。高解像度を維持したまま保存できるPNGが安心です。
実例で見る使い分け
具体的な例を見てみましょう。
例1：風景写真
海や山の風景写真を保存する場合
→ JPEG形式
理由：色数が多く、グラデーションが豊富。
JPEGで十分綺麗に保存でき、ファイルサイズも小さくできる。
例2：会社のロゴ
シンプルな色使いの会社ロゴを保存する場合
→ PNG形式（PNG-8またはPNG-32）
理由：色の境界がはっきりしている。
背景を透明にして、どんな色の背景にも配置できるようにする。
例3：スクリーンショット
ソフトウェアの使い方を説明するスクリーンショット
→ PNG形式
理由：文字やボタンがくっきり表示される。
JPEGだと文字の周りにノイズが出て読みにくくなる。
例4：商品写真
Amazonなどに掲載する商品の写真
→ JPEG形式
理由：商品の質感や色をリアルに表現したい。ファイルサイズを小さくして、ページの読み込みを速くする。
例5：チラシのデザイン
イラストや文字を組み合わせたチラシのデザイン
→ PNG形式
理由：何度も修正する可能性がある。完成後、印刷用にPDFなどに変換する。
PNGとJPEGの変換
既にある画像を、別の形式に変換することもできます。
JPEGからPNGへの変換
JPEGからPNGに変換することは可能です。
ただし、既に失われたデータは復元できません。
JPEGで保存した時点で削除された情報は、PNGに変換しても戻ってこないんです。
変換する意味があるのは、以下のような場合です。
- これから編集作業をする予定があり、これ以上の画質劣化を防ぎたい
- 透過処理を追加したい
- 文字や図形を重ねる予定がある
PNGからJPEGへの変換
PNGからJPEGに変換することも可能です。
ただし、透明だった部分は白い背景になってしまいます。
また、非可逆圧縮によって画質が若干劣化します。
変換する意味があるのは、以下のような場合です。
- ファイルサイズを大幅に削減したい
- Webサイトの読み込み速度を改善したい
- SNSに投稿する（多くのSNSはJPEGに最適化されている）
その他の画像形式
PNGとJPEG以外にも、いくつか知っておくと便利な画像形式があります。
GIF（ジフ）
GIFは、最大256色までしか使えない古い画像形式です。
最大の特徴は、アニメーション画像を作れること。動くスタンプやアニメーションGIFでお馴染みですね。
ただし、写真には向きません。色数が少なすぎるからです。
WebP（ウェッピー）
WebPは、Googleが開発した新しい画像形式です。
JPEGより約25〜35%、PNGより約26%もファイルサイズを小さくできるという優れものなんです。しかも、透過処理にも対応しています。
ただし、古いブラウザでは表示できない場合があるため、Web制作では注意が必要です。
HEIC（ヒーク）
HEICは、iPhoneで使われている画像形式です。
iPhone 11以降のデバイスでは、写真がこの形式で保存されます。JPEGと同じくらいの画質で、ファイルサイズは約半分という優秀な形式なんですね。
ただし、Windowsや古いデバイスでは開けないことがあるため、共有する時はJPEGに変換する必要があります。
よくある質問
PNGとJPEGについて、よく聞かれる質問をまとめました。
どっちで保存すればいいか迷った時は？
迷ったらPNGで保存しましょう。
PNGは画質が劣化しないため、後からJPEGに変換することもできます。でも、JPEGで保存してしまうと、失われたデータは二度と戻せません。
ストレージ容量に余裕があるなら、とりあえずPNGで保存しておくのが安全です。
スクリーンショットはどっち？
スクリーンショットはPNGで保存しましょう。
実際、WindowsでもMacでも、スクリーンショットのデフォルト形式はPNGです。文字やUI要素をくっきり保存できるからですね。
ちなみに、iPhoneでスクリーンショットを撮るとPNGで保存されますが、カメラで写真を撮るとHEIC（またはJPEG）で保存されます。用途に応じて使い分けられているんですね。
画質を選べるのはどっち？
JPEGは保存時に画質を選べます。
画像編集ソフトでJPEG形式で保存する時、「画質」や「品質」のスライダーが表示されることがあります。これを調整することで、ファイルサイズと画質のバランスを自分で決められます。
画質100（最高画質）で保存すれば、ほとんど劣化を感じません。画質50〜70くらいでも、多くの場合は十分な品質を保てます。
PNGは、画質を選ぶという概念がありません。常に最高画質で保存されます。
印刷にはどっちがいい？
印刷用途では、基本的にPNGをおすすめします。
印刷では、モニターで見るよりも画質の劣化が目立ちやすいためです。可逆圧縮のPNGなら、細部まで鮮明に印刷できます。
ただし、チラシやポスターに使う写真の場合は、高画質のJPEGでも問題ありません。印刷業者に確認するのが確実です。
どっちの方が対応ソフトが多い？
どちらも、ほぼ全ての画像編集ソフトや画像ビューアーで対応しています。
JPEGは1992年から、PNGは1996年から使われている定番の形式なので、対応していないソフトを探す方が難しいくらいです。
最新のWebブラウザも、どちらの形式も完全にサポートしています。
まとめ：用途に合わせて使い分けよう
PNGとJPEGには、それぞれ明確な特徴と得意分野があります。
PNGとJPEGの違い（まとめ）
| 項目 | JPEG | PNG |
|---|---|---|
| 圧縮方式 | 非可逆圧縮（元に戻せない） | 可逆圧縮（元に戻せる） |
| ファイルサイズ | 小さい | 大きい |
| 画質劣化 | 保存のたびに劣化 | 何度保存しても劣化しない |
| 透過処理 | 非対応 | 対応 |
| 色数 | 約1,677万色 | 256色〜約1,677万色（種類による） |
| 得意な画像 | 写真、グラデーション | ロゴ、イラスト、テキスト |
JPEGを使うべき場面
- 写真を保存する時
- Webサイトの読み込み速度を重視する時
- ファイルサイズを小さくしたい時
- SNSに投稿する時
PNGを使うべき場面
- ロゴやアイコンを保存する時
- 文字を含む画像を保存する時
- 背景を透明にしたい時
- 何度も編集する予定がある時
- 印刷物に使う時
迷った時は、とりあえずPNGで保存しておけば間違いありません。後からJPEGに変換することもできますからね。
用途に合わせて正しい形式を選ぶことで、画質とファイルサイズの両方を最適化できます。ぜひ、この記事を参考にして使い分けてみてください！
コメント