WEBで使用する画像「ＧＩＦ･ＪＰＧ･ＰＮＧ」の特徴

[toc]

「GIF・JPG・PNG」について特徴などを分かりやすく解説

ブログやホームペジなどを作成する際には、文章と画像を取り入れ構築していきます。画像はサイトのイメージがよくなるだけではなく、文章では伝えにくい部分を補ってくれます。

ですが、やたらと画像を掲載するのも考えものでバランスが大切です。それでは、ブログやホームページをデザインする際の画像（GIF･JPG･PNG）の特徴をまとめてみました。

GIF(ギフ・ジフ)拡張子.gif 形式の特徴

GIFは、ベタ塗りの「タイトルロゴ・アニメ」などに向いています。パレットが最大で256色と圧倒的に少ないですが、それを理解して使うことで軽くて綺麗な画像の作成が可能となります。

1色だけ透過情報を含めることができ、アニメーションが作れるということで、サイト作りには重宝する形式です。

JPG(ジェーペグ)拡張子.jpg・.jpeg 形式の特徴

JPGは「グラデーション・写真全般」に向いています。  圧縮率が高く小容量で保存できますが、偽色を多く含むので幾度と加工する場合には向いていない。

デジタルカメラはこの形式が多いので、撮影の際に画質及び大きさを決めておくことにより、ホームページなどに無加工で掲載ができます。

PNG(ピング)拡張子.png 形式の特徴

PNGは、「画質をキープしたい画像」などに向き万能かつweb向けで「GIF･JPEG」 に代わる画像形式として新しく開発されました。

GIFの至らない部分を拡張し容量を抑えれるよう考慮されたものですが、古いブラウザでは表示できない場合もあります。

機能は豊富ながらすべてを理解しコントロールするのは難しく、軽量ファイルの作成にはテクニックが必要となります。

「JPEG･GIF･PNG」画像形式比較表

｢JPEG･GIF･PNG｣ 各拡張子の特徴を分かりやすく表にて掲載

使用用途に応じて最適な画像形式を選ぶことで、ブログやホームページが負担の少ないサイトに仕上がります。

また、サイトの表示速度にも大きく係わってきますので、多少面倒でも画像の拡張子により使い分けたいものです。