Category
2018.04.27
JPG GIF PNGって何が違うの？
作業ノウハウ
ささっきー
お絵描きソフトを新調しました！
ささっきーです！
Photoshopだけでお絵描きをしていたのですが、
操作性に慣れなくて……(´・ω・`;)
ついにクリスタを手に入れました。
加工はPhotoshopが楽しいんですけどね！！
せっかく書いたイラストをネットに載せたくて保存したら
色が変になったり、画質が荒れてしまったり…。
パソコンで絵を描いた事がある人は、
一度は経験した事があるのではないでしょうか？
その原因の一つが画像形式なのです。
今回はその画像形式、特に多く使われている
JEPG・GIF・PNGの違いについてご紹介していきます。
①JPG or JPEG
もっとも身近な画像形式「JPGまたはJPEG（ジェーペグ）」。
スマホやデジカメで撮った写真の画像形式はこれなんだそうです。

長所
表現できる色の種類が1670万色。
ということは、
写真や色を多く使うイラストに向いています。
画質を指定して保存できるのも特徴の一つです。
高画質のまま保存できるのは有り難いですねー。
短所
短所は悲しい事に長所の反対になります。
輪郭がはっきりしている画像、文字が多く使われている画像を
この形式で保存するとぼやけた仕上がりになります。
また、一度保存して再び保存しようとすると
画質が劣化してしまうのもJPGの特徴です。
再び加工したいのならば
元の画像を残しておきましょう。
②PNG
使い方によっては万能な画像形式が「PNG（ピング）」です！
色の数によって画像形式が二つあります。
256色に対応できるのが「PNG-8」
1670万色に対応できるのが「PNG-24」になります。
そう1670万色！
これはJPGと同じですね。
ということは…
長所
JPGと同じく写真や色を多く使うイラストに向いてます。
また図形や線画、文字等の輪郭が
はっきりした画像の保存に適しています。
この点がJPGよりも優れています。
また、JPGとは違い画像を何度保存しても画質は劣化しません。
短所
劣化を捨てた結果……とってもデータが重いです。
色数の多い写真をPNGで保存しようとすると、JPGの5倍から6倍近くになるそうで…。
WEB向けではないです。
③GIF
簡単なアニメーションが作れる「GIF（ジフ）」。
こちらも色の数が256色になります。
長所
輪郭がはっきりしている画像、文字が多い画像や
色数が少ない画像の保存に適しています。
色数が少ないイラスト、アイコンなどに向いています。
軽いのも長所の一つです。
こちらもPNGと同じく、何度保存しても劣化しないです。
短所
色数が少ないので、写真や色を多く使用しているイラストを
GIFで保存すると画像が荒れてしまいます。
④比べてみました
1.写真(同じ条件で保存した写真です)
●JPG

●PNG-24

●PNG-8

●GIF

JPGが一番綺麗ですね。
2.単純な図形
●JPG

●PNG-24

●PNG-8

●GIF

さほど見た目では変わらない様に見えますが
JPGのサイズ（56KB）が一番大きいので単純な画像には向かないです…。
今回そういえば私もJPG・PNG・GIFの違いを知らないな…(ﾟｰﾟ;Aｱｾｱｾ
と思って調べて勉強になりました。
用途に見合った画像形式を選ぶことをお勧めしますー。
では、また～。
他にも書いてるのでぜひ見てください。
