画像について

１．ＧＩＦとＪＰＥＧ

ＧＩＦ形式（７２．１ｋｂ）	ＪＰＥＧ形式（３７．５ｋｂ）

表示は殆ど変わりませんが、ファイルサイズは全然違います。
（１６ｋｂというのは間違いです。すみません。）
ＧＩＦ形式では２５６色しか使わないため、微妙な色調を出すには、
より多くのデータが必要になるのでファイルが大きくなります。

例えて言うならば、ＧＩＦはクレヨンが限られた色しかないので、
自分の思う色を出すのに点描する感じです。とっても手間が掛
かります。
それに比べＪＰＥＧはあらかじめ絵の具を混ぜて自分の思う色を
作ってからキャンバスに塗るので手間が掛からないということで
す。

ところが同じ色で広い範囲を塗る場合、一本のクレヨンでひたすら
塗るので、そんなに手間が掛かりません。（ＧＩＦ）

ＧＩＦは色数の少ないイラストなどに適した形式です。
アニメーション効果や透過色を使う場合はＧＩＦを使います。
写真やグラデーションのかかった画像の場合はJPEGの方が適し
ています。
インターレースＧＩＦと同じ効果をＪＰＥＧで出す場合はプログレッシブ
ＪＰＥＧを使います。

２．表示の大きさ

サーバに保存されている画像	表示と同じ大きさにした画像 (gif)	表示と同じ大きさにした画像 (jpeg)
１１．２ｋｂ	３．５ｋｂ	2.9kb グラデーションが掛かっているのでＧＩｆより軽い。
５．３ｋｂ	1.7ｋｂ	4.3kb アニメ効果は付きません
５．８ｋｂ	３．０ｋｂ	3.9kb
３．３ｋｂ	３．１ｋｂ	4.1kb
合計２５．６ｋｂ	合計１1．３ｋｂ	合計１４．２ｋｂ

いくら画面の表示を小さくしても、サーバに置いてある画像が大きいと、
読み込みにはそれなりの時間が掛かります。
画像を表示する大きさにしてからサーバに置くとファイルは小さくなって
いるので読み込み時間は短縮されます。
一番上のバーナはややグラデーションが掛かっているので、ＪＰＥＧの
方が僅かですが軽いようです。

１と２の処理で（７２．１+２５．６）−（３７．５＋１1．3）＝４８．９ｋｂ
４８．９／１１１＝４４．１％軽量化できます。

３．おまけ

ＧＩＦ形式４．７ＫＢ	JＰＥＧ形式１０．６ＫＢ

色数の少ない画像の場合は、ＧＩＦ形式の方が軽くなります。
(ペイントで描いたビットマップ画像をそのままＧＩＦとＪＰＥＧに
変換したものです。）