子供と超初心者のためのホームページ作成教室、htmlの基礎から、フリー素材や掲示板チャットなどのCGI解説、javascriptなどの例も

ここでは画像ファイルの質(きれいさ)と大きさ(データサイズ)について説明します。なぜこのことが必要かといえば、インターネットは通信回線で結ばれていますね。つまりサイズが大きければ画質はよくなりますが、当然サイズも大きくなり画面に表示するのに時間がかかるからです。表示に時間のかかるページをがまん強く待ってくれる人はなかなかいないからです。
下の例を見ればわかりますが、普通であれば写真はJPEG、絵はGIFがサイズが小さくなりますね。50K以上の画像はここには載せていませんので、見てみようとする人はリンクをクリックしてね
画像の種類から見たサイズ
256色GIF画像 17.2K 16万色JPG画像 18.1K
256色GIF画像 43K 中画質JPEG画像 9K

16万色BigサイズJPEG画像 113K
インターレス画像は読み込みながら表示されます。

16万色BigサイズJPEG画像(プログレシブ) 115K
プログレシブ画像は、読み込みが完了したとき一気に表示されます。
画像の質から見たサイズ
256色GIF 7.66K 64色GIF 4.61K 8色GIF 2.45K 256色透過GIF 7.69K
白の背景が透き通ります
高画質JPG画像 44K 低画質JPG画像 4K