web素材の作り方。

Webで使われる画像は、gif、jpeg、png の3形式だと言って良いでしょう。それぞれに性格が異なります。
だから先ず、この画像形式の違いを理解することが一番大事でしょう。
その辺のことを掲示板で全て述べることは出来ませんので、本かネットで調べて下さい。
初歩的なことについてはこのサイトでも………、
http://illustrator-ok.com/illustrator_koza/digital_picture/contents/digital_picture1.html
http://illustrator-ok.com/illustrator_koza/web/contents/web1.html

一般的に言えば、写真はjpeg、線画やロゴ等はgifと言うことになります。これが逆になるとトンデモ無いことになります。
それが組み合わさった画像はスライスによって切り分けると言うことでしょう。
又、最近のブラウザは全てpng画像に全面的に（透明度も含めて）対応していますので、旧バージョンのブラウザを考慮しなくて済むなら、多いに検討対象です。

IllustratorもPhotoshopも当然全ての画像形式に対応しているし、Web書き出し機能も充実していますので、勿論充分使えます。
画像（特にjpeg等）は変更を加えるたびに劣化しますので、最初に或る程度方針を決めておいて、極力いじり回さないようにします。

画質は勿論大事ですが、表示速度との関係も有ります。
その他、SEO（検索エンジン最適化―要するにアクセスアップ対策）等、キリの無いことになりますので、具体的な問題が出たら又書き込んで下さい。

いつもお世話になっています。
とても親切に教えていただき、ありがとうございます。

今は、イラストレーターでスライスでpng画像を作成することが多く、aiファイル内で配置したjpg画像がくっきりしていない、と指摘されたりして、もっとフォトショプや画像について勉強が必要な段階です。。もっとがんばろうと思います^^;

ありがとうございました^^