PNGとJPEGどっちがいいのか?「画像のベストな保存形式」

スポンサーリンク
photography 2188440  340 - PNGとJPEGどっちがいいのか?「画像のベストな保存形式」

こんにちは、美大卒・元アパレル店員の
ゆっきー(@elcielo_design)です。

今回はPNGとJPEGの違いについて
わかりやすく紹介しようと思います。

画像や写真の編集の時の悩み

画像や写真を編集した際に、
保存形式をJEPG(JPG)にするか
PNGにするか迷ったことありませんか?

JPEGの方が画像容量が軽いから、
JPEGの方がPNGよりいいとかは
もしかしたら聞くかもしれませんね。

ですが、容量が軽いのは事実でも
PNGの方がいい場合だってあるんです。

理解せずにとりあえず、
JPEGで保存しているともしかしたら
画像が余計に粗くなっている恐れも。

なので、適切な画像形式を理解して
使い分けれるようになりましょう。

スポンサーリンク

PNG・JPEG・GIFの使い分け
「メリット」と「デメリット」

   メリット         デメリット       
PNG  透明色を用いることが可能
 圧縮でデータを失わない。
 画質がJPEG,GIFより綺麗
 保存形式の中でサイズ容量が
 一番大きくなってしまう。
JPEG
(JPG)

 多色・サイズ大の画像で、
 保存容量
を小さくできる。
 保存毎に画像が劣化するため
 繰り返しデータ保存が不可能
 透明色を使えない。
GIF
 動画・簡単な透過画像を
 作ることができる。
 表現の色数256色で少ない。

次に「違い・特徴」を詳しく紹介します。

PNG・JPEG・GIFの
保存形式の違い・特徴

PNG・JPEG・GIFとは、
それぞれ画像を扱うための保存の形式
(ファイルフォーマット)のことですが

それらの違いはファイルデータを圧縮し
ファイルを軽くするための仕組み
(圧縮アルゴリズム)が異なります。

つまり、同じ画像ファイルであっても
中身のデータはだいぶ違ってくるので、
状況によって使い分けが必要。

「保存形式の違いと特徴」

   PNG  JPEG/JPG  GIF
読み方  ピング/ピーエヌジー  ジェー(イ)ペグ  ジフ/ジーアイエフ
正式名  Portable Network
 Graphics
 Joint Photographic
 Experts Group
 Graphics
Interchange Format
拡張子  .png  .jpg/.jpeg  .gif
表現可能
色数
 約1670万色※ 1 
 (24bit/フルカラー)
 約1670万色
 (24bit/フルカラー)
 256色(8bit)
画像
ファイルサイズ
(容量)
 多い(重い)  少なめ(軽い)  少ない
透過処理
(透明色)
 できる
 (半透明可)
 できない  できる
 (半透明不可)
逆圧縮  可逆圧縮 ※ 2
 (画像劣化なし)
 非可逆圧縮 ※ 3
(画像劣化あり)
 可逆圧縮
 (画像劣化なし)
適してる
画像

 色数が少ないもの
 (アイコン・イラスト)から
 写真まで幅広く対応
「特にイラスト系」

・多色・細密画像
・グラデーション
 (色調が連続し変化)
・ぼかしが多い画像
「特に写真系」

・アニメーション
・アイコン
 (ベタ塗り主体画像)

・簡単な透過画像
・グレースケール画像
適さない
画像
・特になし
 (アニメーション不可)
・アイコン
・平坦なイラスト
・輪郭が鮮明なもの
・写真
 (イメージ格納)
使用例  図解イラスト  デジカメ撮影した写真  GIFアニメ

※ 1 最大280兆色(48bit)
PNGは8bitなど規格を変更できる。

※ 2 可逆圧縮「圧縮でデータが失われない。」
つまり、色情報を完全に維持できます。
PNGの際でも元々色数が多い画像をPNG-8に

変更するなどの場合は色情報を失うこともある。

※ 3 非可逆圧縮「圧縮すると元に復元できない。」
しかし、大きいデータをとても小さく圧縮でき
圧縮率を自由に設定することも可能です。

(小さく圧縮する場合は元データのバックアップを)

どっちを使えばいいのか?

PNG、JPEGどちらのフォーマットも
WebやPCのOS上で広くサポートされ、
用途における制約はそこまでありません。

ただ、画質と容量の面で選べばいいのですが
そこが画像によって変わるので正解はないです。

とても簡単に言えば、
塗りつぶしの多い画像(イラスト系など)はPNG
さらに複雑な画像(写真系など)はJPGですかね。

PNG-24とPNG-8

PNGにはPNG-24(約1670万色)と
PNG-8(256色)の2つの種類があり

PNG-24は画質はいいのですが
より容量が大きくなってしまいます。

PNGはイラスト保存向きですが、
PNG-24だと写真もだいぶ綺麗に保存可能。

PNG-8は色数が256色で少ないので容量を抑え
イラスト系なら大体綺麗に保存できます。
(でもグラデーションは綺麗に出ないことも)

PNG・JPEGの容量を
下げる時のポイント

MacやiPhoneのスクショはPNG-24なので
PNG-8(256色)に容量を軽くするなら
「TinePNG」「MacアプリImageOptim」

JPEGのイラスト系の画像を軽くするなら
「JPEGGmini」などを使うのがオススメです。

しかし、どちらの場合も軽くなりますが、
画質はどうしても落ちてしまいます。

なので、注意として安易にブログなどの
画像容量を一括に減らすのは控えましょう。

軽さを優先するならWeb上(ブログなど)で

1番いいのは1枚1枚適切な形式を選んで、
アップロードはすることが大切です。

補足「iPhoneの保存形式」

  • スクショを撮る・・PNG

  • 写真を撮る・・JPEG

PNG・JPEGの変換やリサイズを
行える便利なツールやソフト

少しだけ便利なものを紹介

「ブラウザ型」

BUNNER KOUBOU

画像の拡大、縮小(画像サイズ変更)ができる登録不要のWebアプリ(全て無料)です。方法も簡単!変更したい写真や画像の大きさ(縦横サイズ)を指定するだけです。JPG、GIFなどファイルの種類に関係なく、誰でも今すぐ画像を大きくする(小さくする)ことができます。

Image Resizer

I Love IMG

様々なJPG画像をPNGに変換。JPGをPNGに変換するための無料オンラインアプリです。

PNG圧縮

PNGイメージを透過付きPNG-8フォーマットにするPNG圧縮最適化ツール。

「ソフトウェア型」

XnConvert()

画像ファイルの形式をPNG形式からJPEG形式などにドラッグ&ドロップで一括変換するツール「XnConvert」です。この手のツールはわりかし沢山ありますが、今まで使った中でこのXnConvertが一番使いやすいと感じたので、ご紹介しておきます。正直、これが決定版で良いと思います。 それぐらい、欲し...

Multisize Resizer

サムネイル・詳細画像を一度に作りたい時などに便利な、画像を複数サイズに一括でリサイズするAdobe AIRアプリです。

他にもネット上には沢山のツールがあるので
探してみるといいかもしれませんね。

まとめ

PNGはイラスト・テキスト系画像、
透過可能、容量が重いが画質は1番綺麗い。

JPEGは写真・グラデーション系画像、
容量が軽いが保存する度に劣化していく。

イメージ的にはこんな感じですね。

個人的には編集中はPNGを使用し
最終的な出力だけはJPGにするのはオススメ
(劣化を一回で抑えることができます。)

でも絶対PNGがJPEGがいいとかはないので
ある程度それぞれ特徴を覚えていて、
状況に応じて使い分けていきましょう。

忘れたときは、違いの表とかを
見ていただければいいかと思います。

スポンサーリンク

シェアする