チホサンプルのブログ

チホサンプルのブログ

ブログの説明を入力します。

こんにちは!
Amebaでブログを始めよう!

●GIFとJPGとPNGの違い

プロフィール画像に使いたい場合などは、実はどれでも構いません。
それぞれ特徴があるので、使い分けていけばいいと思う(*^▽^*)

詳細はものすご~~く端折ってますが、違いについて

【GIF】
保存の色数が256色までと決まってるので、小さなバナーやアイコンなどに向いている。
保存する時に、設定すれば背景を透明(透過)にすることができる。
複数枚を並べて「GIFアニメーション」というものを作ることが出来る。
フリーソフトかこういうところでつくるといいよ

【JPG】
写真や微妙な色の表現なら、綺麗に表示されます。
サイズの変更保存などを繰り返すと、すぐ画像が荒れて(ぼけて)きやすいという特徴がある。
背景を透明にする設定は出来ない。

【PNG】
文字や図形、色数の少ないイラストにはこちらの方が綺麗に表示されます。
(だから文字の入ったヘッダーなどは、PNGの方が適しています)
JPGに比べてサイズが大きくなってしまい、ネットで見るときに表示に時間がかかったりすることがあります。
保存する時に、設定すれば背景が透明することができます。
GIFの上位版と思ってもらえれば。(こっちが後に出てきた保存形式)

後で加工などをしたい場合はPNGのファイルを使った方が、画像が荒れにくいです。 




【比較】

↓GIF画像(透過)↓
gif

↓JPG画像↓
jpg

↓PNG画像(透過)↓
png

一見違いが無いように思いますが…



背景に色があるとこうなります。



↓GIF画像(透過)↓
gif

↓JPG画像↓
jpg


↓PNG画像(透過)↓
png



GIF、PNGの大きな特徴の一つがこの背景が透明になるという点。
GIFだと細かい色まで表現できません。

画像の形だと四角にしかなりませんが、背景を透明にすることでその形の絵に見せることが出来る。

ということで、使いわけて頂ければと思います^^

色数が少ないやつだとわかりづらかったので、このサンプルも。

↓GIF画像↓
gif


↓JPG画像↓
jpg


↓PNG画像↓
png