JPG・PNG・GIFの違いを理解して使い分けよう!

Sponsored Link

JPG ・ PNG ・ GIF  現在の代表的な画像の保存形式の 3 つですが、これってちゃんと使い分けてますか?

デジカメやらスマホやらで写真もほとんどがデジタル化されているし、写真以外のデータ化された画像だって、この時代デジタル機器をいじっていれば、否が応でもたくさん触れ合う機会があります。

ただ、ぼく自身、画像の拡張子の違いなんて全く気にしていなくて、出力するときには特に何も考えずに『 JPG でいいか!』くらいな感覚で保存していました。

ただ、ここ最近、画像や写真データのやり取りする機会が増えて、『出力形式は何にしますか?』って聞かれることが増えました。せっかく画像の拡張子の違いについて考える機会ができたので、よく使われているこの 3 つの拡張子の違いについてまとめます。

 

拡張子の違いを理解しておくと、より綺麗でデータ量の軽い拡張子を選べるようになります。

 

kensuke
画像を扱う人は知っておくと便利だよ!

 

 

 

画像・写真ファイルの拡張子別の特徴

拡張子って?

拡張子はファイルの一番最後についている「.◯◯◯」の部分で、ファイルの種類を識別するためのものです。ここを見るだけで、そのファイルが何の種類であるかを見分けることができます。

 

kensuke
テキストファイルなら .txt 、PDFファイルなら .pdf とかファイル名の後ろについているやつを拡張子っていうんだね!

 

 

 

GIF ( Graphics Interchange Format ) の特徴【拡張子.GIF 】

GIF は写真以外のファイルをサポートするのに使われていたもので、 8 ビットカラーなので 256 色しか使うことができないです。

GIF の大きな特徴として、

  • 透明色が使えること、
  • 動画の作成ができること

 

の 2 つ。

GIF は色情報が少ないので、写真やスケッチ画像なんかにはあまり向かないです。あまり色を必要としないロゴやリンクボタン、アイコンなどの単色のベタ面を多く持っている平坦な画像に使うといいですね。あと、グレースケールの画像にも合います。どちらかというと、フォントとか幾何学的な形状のものを描くのに用いる方が向いています。

 

あと、 GIF は可逆圧縮という圧縮方法なので、保存をしても画像の質を落とさないのも JPG との違いです。

 

可逆

元に戻せること。

 非可逆

元に戻せないこと。

 

Sponsored Link

 

JPG ( Joint Photographic Experts Group ) の特徴【拡張子 .JPG , .JPEG , .JPE 】

JPG は、プロのカメラマンの標準となるように開発されたファイル形式で、非可逆圧縮という圧縮形式を用いています。非可逆、要するに一度圧縮すると元の状態に復元ができません。また、JPG は保存等を繰り返すとデータの損失が起きて、データ自体が劣化していきます。アートファイルとして保存しておくのにはあまり向いていないです。

ただ、JPG の大きなメリットとして、 24 ビット(1670 万色)まで扱うことができることと、それをかなり小さなデータに圧縮できるということです。24 ビットまで扱うことができるので、写真などのたくさんの色を必要とするものや、グラデーションなどのように色合いが連続的に変化しているものには、JPG が適しています。

 

 

PNG ( Portable Network Graphics ) の特徴【拡張子 .PNG 】

PNG は、GIF よりも透明色を生かした画像を作ることができて、 8 ビットカラーにも 24 ビットカラーにもすることができるので、幅広い色合いの画像に対応できます。また、圧縮形式も可逆圧縮形式なので、変更を加えても画像の質が落ちません。

いいことづくめの PNG ですが、その分ファイルサイズは GIF ・ JPG に比べれば大きくなってしまいます。それと、ブラウザが古いとサポートされていない場合もあるので、注意が必要です。

 

 

 

各拡張子の使い分け

kensuke
ここまで紹介した 3 つの拡張子の使い分けをまとめると……

 

  • GIF は動画を作るときに便利!

     

  • JPG は写真などの色をたくさん必要とするファイルのファイルサイズを小さくするときに使おう!

     

  • PNG は透明色を用いた画像で可逆圧縮重視したいときに使おう!

 

kensuke
編集中は PNG で編集して、最終的な出力を JPG にすると、劣化が 1 回ですむよ!

 

Sponsored Link

 

あとがき

今回の件で画像の保存形式の違いがわかったので、今後は今まで通り JPG を基本にしつつも、動画を作るときは GIF 、アートファイル(原図)としてとっておきたいものは PNG って感じでしっかりと使い分けていきます。いい勉強になりました。

 

kensuke
もっと早く理解しておくべきだったわ……

 

 

 

 

周藤賢祐のプロフィール

prof1

著者:周藤賢祐

群馬県出身 岡山大学卒

『自分の好きなこと・やりたいことをしながら人生を楽しく生きていく』をテーマに、自分の人生を実験として生活しています。人生でやりたい 100 のリストも実行中!

詳しいプロフィール

Facebook https://www.facebook.com/kensuke.shuto

Twitter  https://twitter.com/kensukeshuto

note   https://note.mu/kensuke_shuto

記事をシェアしていただけたら嬉しいです

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です