1JPGとPNGそれぞれの基本
JPGとは
JPG（ジェイペグ）は Joint Photographic Experts Group の略で、1992年に策定された画像フォーマットです。拡張子は .jpg または .jpeg。写真のような色数が多い画像を効率よく圧縮するのが得意で、世界で最も広く使われている画像形式のひとつです。
JPGは「非可逆圧縮」を採用しており、圧縮時に一部の画像データを捨てることでファイルサイズを小さくします。そのため、保存を繰り返すたびにわずかに画質が劣化します。
PNGとは
PNG（ピング）は Portable Network Graphics の略で、1996年に公開された画像フォーマットです。拡張子は .png。「可逆圧縮」を採用しており、圧縮しても画質がまったく劣化しません。また、透明背景（透過）に対応していることが最大の特徴です。
写真のように色数が多い画像ではJPGよりファイルサイズが大きくなりがちですが、ロゴ・イラスト・スクリーンショットなど色数が少ない画像では小さく保存できます。
2JPGとPNGの比較表
| 項目 | JPG | PNG |
|---|---|---|
| 圧縮方式 | 非可逆（画質が少し落ちる） | 可逆（画質が劣化しない） |
| 写真のファイルサイズ | 小さい | 大きい |
| イラスト・線画のサイズ | やや大きい | 小さい |
| 透過（透明背景） | 非対応 | 対応 |
| 繰り返し保存時の劣化 | 劣化する | 劣化しない |
| ブラウザ・SNS対応 | 全対応 | 全対応 |
| 印刷・入稿 | 標準的 | 対応 |
| 主な用途 | 写真・SNS投稿・Web掲載 | ロゴ・アイコン・スクリーンショット |
3JPGが向いている場面
以下の場面ではJPGを選ぶのが適切です。
- 風景・人物・料理など写真全般
- SNSへの投稿（Instagram・X・Facebookなど）
- ブログやウェブサイトへの写真掲載
- メールやLINEで写真を送るとき
- 印刷用の写真データ
- ファイルサイズをできるだけ小さくしたいとき
写真をJPGで保存する際は、品質85〜95%程度の設定にすると、ファイルサイズを抑えながら十分な画質を保てます。100%保存は品質とサイズのバランスが悪く、通常は不要です。
4PNGが向いている場面
以下の場面ではPNGを選ぶのが適切です。
- 透明背景が必要なロゴ・アイコン・素材画像
- テキストや細い線を含む画像（スクリーンショット・図解など）
- イラスト・漫画・ピクセルアート
- 何度も編集・保存を繰り返す制作途中のデータ
- 色数が少なくシャープなグラフ・チャート
- ウェブデザインのパーツ（ボタン・バナーなど）
5JPG↔PNG変換が必要な場面
JPG→PNGに変換したい場合
JPGからPNGに変換しても、すでに非可逆圧縮で失われた画質は戻りません。ただし、変換後にPNGとして編集・保存を繰り返してもそれ以上の劣化は起きないというメリットがあります。制作途中のデータはPNGで管理し、完成したらJPGで書き出すのがおすすめのワークフローです。
PNG→JPGに変換したい場合
PNGをJPGに変換すると、透明部分が白（または別の色）に置き換えられます。透過が不要な写真素材のPNGをJPGに変換すれば、ファイルサイズを大幅に削減できます。サイトに掲載する写真がPNG形式になっている場合はJPGに変換することでページ読み込みが速くなります。
6第3の選択肢：WebP
JPGとPNGの両方の特徴を兼ね備えた形式として、WebP（ウェッビー）があります。JPGより小さいファイルサイズで高画質、かつ透過にも対応しています。
ウェブサイトやブログに掲載する画像であれば、JPG・PNGどちらの用途にもWebPで対応できます。主要ブラウザはすべて対応済みで、Google PageSpeed InsightsでもWebP変換が推奨されます。
詳しくはWebPとは？次世代画像形式の特徴とJPG・PNGとの違いをご覧ください。
7よくある質問
Q. JPGとJPEGは同じですか？
A. はい、まったく同じ形式です。拡張子がWindowsの旧仕様（3文字まで）の名残で .jpg と .jpeg の2種類があるだけで、内容はまったく同一です。
Q. 写真をPNGで保存するとファイルが大きくなりすぎるのはなぜ？
A. PNGは可逆圧縮のため、写真のように色数が非常に多い画像では圧縮効率が低く、ファイルサイズが大きくなります。写真の保存・共有にはJPGまたはWebPの方が適しています。
Q. スクリーンショットはJPGとPNGどちらが良いですか？
A. PNGをおすすめします。スクリーンショットにはテキストや細い線が含まれることが多く、JPGで保存するとこれらの部分にノイズ（圧縮アーティファクト）が出て読みにくくなります。PNGであれば文字が鮮明なまま保存できます。
Q. 同じ画像でJPGとPNGで画質が違って見えるのはなぜ？
A. JPGは圧縮時に画質を劣化させるため、特にテキスト・グラデーション・細い線の周辺にノイズが発生します。写真では気づきにくいですが、文字や図形を含む画像で比較すると差が出やすいです。
Q. ウェブサイトに載せる画像はJPGとPNGどちらが良いですか？
A. 写真はJPG（またはWebP）、ロゴ・アイコン・透過が必要な素材はPNG（またはWebP）が適しています。ウェブ掲載を最優先にするならWebPへの統一が最も効率的です。