Qちゃん グラフィック

【グラフィック#2】画像拡張子について!JPG、GIF、PNGをざっくり解説!

投稿日:2019年7月22日 更新日:

jpgとgifとpngについて

jpgとgifとpngについて

コアラのQちゃん
毎日お疲れ様です。月曜日担当の森のQちゃんズ管理人のQちゃんです。

「画像データって言ってもjpg?jpegとかpngとか、いろいろな拡張子あるけど何が違うの?」って思った事ないですか?

拡張子ってファイル名の最後についてる.xlsとかの事?
サルのPマソ

コアラのQちゃん
そうそう!最近では拡張子が見えなくなってる事もあるけど、画像データにはjpgとかgifとかいろいろあるのよ

jpgはよく聞くから知ってたけど、なにgifpng?なんてあるの?何が違うの?
サルのPマソ

コアラのQちゃん
その3つ以外にもいろいろあるけど、よく聞くjpggifpngについて簡単に解説するね。

画像拡張子jpg・gif・pngについて!

JPGって良くみるよね

jpgイメージ図

jpgイメージ図

JPG(ジェイペグ)はJoint Photographic Experts Groupの略で、画像形式を作った組織の名前からきてるみたい。

拡張子は.jpg.jpegと2種ありますが、どちらも同じ形式です。

コアラのQちゃん
昔拡張子は3文字しか無理なパソコンがあったから3文字版のjpgがあるって聞いた事あるよ。

色形式はRGB・CMYK・インデックスカラー・Labカラーなど選べます。

JPGは「写真に適した画像形式」と覚えてください。

一眼デジタルカメラなど撮影すると色々な表現ができるRAW(ロウ)データで保存できますが、

RAWデータはあまり画質を劣化させずに色々表現出来る分、

容量が大きくて画像をすぐ開く事ができなかったり、メールなどでデータを渡す事が不便ですが、

JPGはデータが軽く素早く表示できて画像の確認ができます。

理由は、画像を拡大しないと分からないような細かな情報部分を大幅にカットした状態で、情報量を圧縮保存してデータを軽くしています。

写真の細かな部分やグラデーションをノイズなどで上手く表現して、容量軽くする事が得意で手軽で綺麗な画像が表現できます。

デメリットとしては、圧縮されたデータなので編集や保存を繰り返していくと画像が劣化してしまうので、編集画像としてはあまり適してないデータになります。

でもjpgを編集しても画像綺麗だよね。
サルのPマソ

コアラのQちゃん
そうだね、最近では大きな容量のjpgでも素早く表示できるからね。

コアラのQちゃん
最終的に表示するサイズより大きいデータならjpgから編集しても目立った劣化はないよね。

GIFって何?256色以下で表現できる画像はGIFが最適

gifイメージ図

gifイメージ図

GIF(ジフ)はGraphics Interchange Formatの略称で、最大256色で限られた色数で構成される可逆圧縮形式の画像です。

得意な用途は256色以下の色で構成される画像で、開くのも早くて軽いデータです。

色形式はインデックスカラーになります。

例えば簡単なロゴ、アイコン、ボタン、ベタ塗りが多いイラストなどで、グラデーションが無い画像に適した形式です。

写真やフルカラーを必要とする画像は不得意になります。

最近では手軽に表示できる事でよく使われるGIFアニメーションも有名だよね。

あと背景を透明にできるのが特徴だよ。

ウェブサイトに適したPNG様

pngイメージ図

pngイメージ図

PNG(ピング)はPortable Network Graphicsの略で、ウェブサイトで使われるために生まれた画像で可逆圧縮形式の画像です。

色形式はRGBになります。

256色の色数制限が無い画像ですが、背景を透明にできる優れモノ!

写真の背景を透明にしたい場合や、グラデーションをつけたい場合に適しています。

JPGとGIFを兼ね備えた優秀な拡張子ですが、デメリットとしてはJPGやGIFと比べると容量が大きくなります。

ざっくりJPG・GIF・PNGをまとめると

JPG

色数の多い写真を素早く表示したい!写真を印刷したい!なら拡張子JPGがおすすめ!

GIF

色数の少ないウェブサイトの装飾でベタ色の多い画像やデータの軽いアニメーションなら拡張子GIFがおすすめ!

PNG

ウェブサイト装飾画像など色数多い写真を透明背景で表現したい場合は拡張子PNGがおすすめ!

コアラのQちゃん
以上です。この3つを抑えれば素早く適した画像を表現できるね。

RGB・CMYKについての記事はこちら

 

  • この記事を書いた人
  • 最新記事

森のQちゃんズ

管理人のQちゃんはフリーランス4年目、独立の話やフォトショ・イラレのコツ、Macの事など、グラフィックデザインの話を中心に仲間たちと楽しく情報を発信中!

-Qちゃん, グラフィック

Copyright© 森のQちゃんズ , 2021 All Rights Reserved.