gif、jpg、pngのこと

gif、jpg、pngなどの保存形式について、jpgが軽いとか、重かったらgifにすれば良いとか、割と適当な認識が多いような気がするんですよ。
印刷ではなくウェブページを飾るための画像の場合、やはりできるだけ軽くするよう心がけるべきだと思いますが、まあそれでも、やっぱり綺麗な画質で見てもらいたいわけでして；
個人的に、一番アクセスの多い窓画が１枚で１００KB 以上というのは非常識だと思ってますけど、実際１ページが何KBまでなら許されるかは、？です。でもとにかく、画像は軽ければ軽いほど良いというのは分かります。
というわけで、なるべく綺麗で、なるべく軽く画像を保存することを考えてみました。
といっても、はっきり言って、よくわかんないので、かなり中途半端なページです；

ほかのところでも書いてますけど、基本的に圧縮形式には向き、不向きがあります。
大雑把に考えてですが；
jpg＝フルカラー→写真向き　透過不可
gif＝256色→イラスト向き　透過可
png-8＝256色→イラスト向き　透過可
png-24＝フルカラー→写真向き　透過可（ただしブラウザによっては、透過されて見えない事もあります。こちらを見てみて）
pngはMacだと表示されない場合もあるらしいです(古いMacのみ？）。

写真はフルカラーですから、それをgifで保存すると、256色に無理やり押し込めることになるので、汚くなります。これは、グラデーションでもいえることで、gifで色数が少なければ、がくがくしたグラデになっちゃいますね。
グラデーションでの比較はこちらを見てください。

下の写真を見てください。
右下角のが圧縮していないbmpで、これが一番画質がいいはずです。
gif32ディザとjpg高画質を比較すると、gifのほうが重いにもかかわらず、画像が荒くて汚いですよね。これを、最高のgif256で保存するとずいぶん良いんですけど、重いし、まだちょっと荒い部分（グラスのグリーンのあたり）も見えます。
pngはフルカラー（png-24)は、劣化が無く圧縮できる形式なのでjpgより綺麗ですが、jpgより重くなります。
png-8　256だと、gif256と、画質も重さもあんまり変わらないですね。

gif32ディザで保存 15.5KB	jpg高画質で保存 12.5KB	gif256ディザで保存 28.8KB
png-8 256ディザで保存 29.3KB	png-24で保存 88.6KB	bmp 24ビットで保存(圧縮無し） 138KB

一方アニメ塗りのように、ベタっと単色を塗った画像は、jpgだと綺麗に出ない場合があります。
下の画像で、一番左は、gif32ディザで２番目はjpg低画質です。jpgのほうがgifより少し重いのに、分かりにくいですが、ゴーストのような縞が出ています。
pngで保存してみると、綺麗ですけど、gifのほうが軽いです。

gifで保存 346byte	jpgで保存 479byte	png-8で保存 657byte	png-24で保存 819byte

イラストでの比較はこちらを見てください。

画質を最優先にするならpng-24がいいと思いますが、サイズの小さい画像ならともかく、大きいと、重さが馬鹿になりませんねー。
画質と重さは、どこかで、妥協するしかないです；
私個人の意見としては、gif問題も無くなりましたし、透過も動画もできることから、ロゴやイラストはgifで良いんじゃないかと思います。
pngで軽くしようとすると、png-8で保存することになりますが、それだとgifとあんまり変わりが無いようです。その点からも、現時点ではgifが良いんじゃないかと。
ただし、gifは減色の性能のいいソフトを使わないと、汚くなることがありますから、自分の持ってるソフトの性能を見極めてください。
減色の調節ができないとか、jpgの圧縮率の変えられないソフトで画像を作った場合は、bmpや、png-24や、そのソフト特有の拡張子で保存して、もっと性能のいいソフトで開いて保存しなおせば、より軽く、より綺麗に保存できるんじゃないでしょうか。
フォトショより綺麗に減色できるソフトもあるようですよ。まあ、私はフォトショでも十分だと思ってますけど^^;

★ところでbmpって？
bmpは圧縮されていないので、とても綺麗ですが、圧縮されていない＝ものすごく重いので、ウェブに乗っけるには向きません。画質の劣化がありませんから、画像を作っている途中で一時保存するには向いています。