ホームページでは、主に GIF と JPEG という形式の画像が使われています。
　そして、最近では PNG という形式の画像もでてきました。

　ここでは画像の作り方ではなく、 それぞれの形式の違いにスポットをあててみたいと思っています。

　せっかくの写真やイラストですから、適切な形式で公開しましょう！

　そのため、 bmp の画像をホームページ上で扱える画像のフォーマットである、 gif や jpeg や png に変換して使います。

　gif や jpg や png に変換するためには、ソフトが必要になります。
　ペイントでも　gif形式　jpg形式　png形式　に対応してることもあります。確認してみましょう。

　デジカメで撮った写真の加工をしたい！ ...とお思いなら、フォトレタッチソフトがあるといいと思います。

例えば...

★ Photo shop Elements　（Adobe）
★ Paint shop pro ＪＡＳＣ（Ｐ＆Ａ）
★ デジカメの達人　（ＩＢＭ ）
★ 花子フォトレタッチ　（Justsystem ）

あらかじめ、パソコンに何らかのソフトウェアが付いてることもあります。
ソフトを買いに出かける前に、一度ご自分のパソコンにどのようなソフトウェアがインストールされているかチェックして下さいね。

256色で保存 1,240バイト	8色で保存 431バイト

...ですが、むやみやたらに減色するのは避けましょう。
　最終的には、いろいろと試してみて決めて下さい。

* 最近の問題 *

　GIFは、LZWというデータ圧縮技術で他の形式の画像をＧＩＦに変換されています。
この圧縮技術のＬＺＷは、米国Unisys社の特許というわけで、「使うのならライセンス料を払ってね」ということらしいです。
　フリーウェアソフトのほとんどが、ライセンスを結んでいないため、フリーのソフトを使って...という手が使えなくなってきました。
　どうしても、GIF画像を作成したいっ！なら、ライセンスのあるソフトウェアを使いましょう!!
　アニメーションができるのは今のところＧＩＦだけですし...　　　（2004.11.01現在）

--★ メリット ★--
　１．ｇｉｆよりも圧縮率が高い
　２．ｇｉｆよりファイルサイズが小さい　（注1）
　３．圧縮しても画像は劣化しない
　４．280兆色（48ビット）までの色数を表現可能　（注2）
　５．透明色の指定を複数色できる　（注3）

　　注1：画像や作成ソフトによっても差があり、必ずｇｉｆよりも小さくなるとはいえません。
　　注2：現実的には、フルカラー1,600万色でしょう。
　　注3：Netscape Navigator 4.7は透明化に対応してません。


☆ 同じbmpファイル（8,694バイト．53×54ピクセル）をそれぞれのソフトにてｐｎｇに変換してみました。
（256色・透過なし）

Photo Shop 5.5 1,521バイト	デジカメの達人 1,310バイト	花子フォトレタッチ 1,624バイト	Paint Shop pro 1,859バイト

--★ デメリット ★--
　１．対応しているブラウザが限られている　（注4）
　２．アニメーションができない（開発中らしい）
　３．作成ソフトによって表示できない場合も？
　　注4：IE 4.x for Macは表示できませんが、プラグインを使うようにすれば○...らしい

	透明化 ＧＩＦ	透明化 ＰＮＧ
サンプル 106ピクセル×108ピクセル
Internet Exprorer5	○	○
Internet Exprorer6.0	○	○
Netscape Navigator4.7	○	表示　○ 透過　×
Netscape Navigator7.1	○	○

　※ アニメーションができないことなど、まだまだ課題は残っているようで、
　　　今すぐにpngへ移行というのは考えにくいようです。

	ｇｉｆ 1,706バイト
	ｐｎｇ 1,091バイト
	ｊｐｅｇ 2,506バイト

　上のような画像だとサイズ的にも、見た目にも gif や png のほうが
　向いているとわかりますよね。
　jpegは、画像（特に文字のまわり）がまだらで、美しくないですね。

　それでは、次のような写真の場合はどうでしょう。（画像の大きさ：150ピクセル×200ピクセル）

gif：14,848バイト	jpeg：12,489バイト	png：27,007バイト

左のgif形式の画像は、花びらの右下の方がガジガジです。
jpeg形式の方が、なめらかでサイズも小さくなります。

png形式は、２５６色に減色してこのサイズですから、まだ課題は残りそうです。
（フルカラーで保存すると画像はきれいですが、サイズが70,000バイトにもなります。）

--------------------------------------------------------------------------------

上の比較で、解っていただけたでしょうか？
「GIFは容量が少なくてすむ。」と思われていますが、画像のタイプによっては逆転することもある。ということですね。

あと、画像の処理の仕方などによって、写真でも GIF の方が容量が小さくて、画像のきれいさにも差がでないこともあります。

実際にいろいろ加工をしてみて、どのフォーマットに適しているのかを判断して下さい。
よくわからなければ、３つのフォーマットで保存して比べてみるといいですね。

あまり画像のサイズが大きすぎると、表示されるまでに時間がかかり、見ている人をイライラさせます。
１つのページのサイズが、テキストと画像をあわせて、50KB(50,000バイト)くらいになるようにホームページを作成してみてください。