さて、ＨＴＭＬの基本的なことは解説してきましたが、実際クールなページを創るには画像ファイルや写真ファイルが必要になります。
ただ、いくらきれいなページでも、”画像が出てくる時間が遅い”じゃあもう二度と訪れてはもらえないかもしれません。このような事を避けるためにも、必要な知識ですから覚えておいて損はないと思います。
インターネット上で画像ファイルと言うと、ＧＩＦ（ジフとかギフ）ファイルとＪＰＧ（ジェーペグ）ファイルが一般的です。Windows系での画像ファイルはＢＭＰ（ビットマップ）になりますが、ビットマップはファイルの大きさがとても大きくなりインターネット上ではとても転送できるレベルになりません。そこで、ＧＩＦという圧縮技術が生まれたそうです。
ＧＩＦは色数を２５６色以下に落として圧縮する技術で色数の少ない画像ファイルに用いるのに向いています。
ＪＰＧはフルカラーのファイルを圧縮する技術で主に写真データに向いています。
一般的にはＪＰＧの方が圧縮率がいいと言われていますが色数の少ないボタンとかマーク類にはＧＩＦの方が逆に圧縮率が高くなり、用途に合わせて使用したほうが良いでしょう。
デジタルカメラや、スキャナーから撮り込んだ時、自分のコンピュータの画面で見た大きさ（ここで言う大きさはファイルサイズではありません）と他のコンピュータで見た大きさが違うことがしばしばあるかもしれません。
それは、各コンピュータの画面の設定（コントロールパネル）の画面解像度が違うことが多いからです。おそらくＷｉｎｄｏｗｓユーザーは画面解像度を８００×６００で表示している人が多いでしょう。
画像の大きさを計る単位としてピクセルを良く使用します。画面上でＣｍとかＩｎｃｈとかを使用しても１５インチのＣＲＴと２１インチのＣＲＴでは同じ画像を見ても大きさが違います。
ピクセルとは、ＣＲＴの大きさに関係なく８００×６００の解像度ならば、横幅８００ピクセル縦幅６００ピクセルで画面いっぱいの大きさの画像となります。
この事から、例えば２００×１００の大きさは、横が画面の１／４位で縦が画面の１／６くらいの大きさになると推測できます。この大きさは、１５インチでも２１インチでも変化はありません。ただ画面解像度を大きくとっている場合はこの比率よりも小さくなるでしょう。
先にもお話しましたが、ＧＩＦとＪＰＧはそれぞれ良い点と悪い点があります。ＧＩＦにはできてもＪＰＧにはできないことがたくさんあるので良く考えて使用します。
ＧＩＦにできること
１．アニメーションＧＩＦ
よく、画像ファイルが動くものを見かけることがありませんか？それはほとんどアニメーションＧＩＦと言う技術を使用しています。
現在のところアニメーションＪＰＧはありません。
サンプル
２．透過ＧＩＦ
透過ＧＩＦとは、画像ファイルが背景の色や画像（この指定方法はこの後に解説します。）に重なって見える（背景が透過して見える）特殊なＧＩＦで、ＪＰＧにはありません。
サンプル
３．インタレスＧＩＦ
画像ファイルを読み込んでいる時にまず全体が現れてから、徐々に鮮明になっていく画像ファイルがあります。このような画像形式をインタレスＧＩＦと言います。
大きな写真やこったＣＧに利用するケースがありますが、個人的には画像ファイルの大きさを無駄に大きくするだけなのでお勧めできません。
ＪＰＧにできること
基本的にＪＰＧはフルカラーの画像を高圧縮する技術なので写真などのファイルに向いています。
写真サンプル画像
ＪＰＧファイルの場合
dyna01.jpg ファイルサイズ４１Ｋｂ
ＧＩＦファイルの場合
dyna01.gif（インタレスＧＩＦ） ファイルサイズ１１４Ｋｂ
グラデーションサンプル
ＪＰＧの場合
test1.jpg ファイルサイズ７Ｋｂ
ＧＩＦファイルの場合
test1.gif ファイルサイズ９Ｋｂ
