ホームページに使うパーツの画像の作り方

ホームページ制作初心者です。
現在、dreamweaverやイラレ、photoshopを使ってホームページを手探りながら作っています。

そこでお聞きしたいのですが、タイトルにあるようなホームページの素材（例：バナーやボタンなど）はイラレで作った方がいいのでしょうか？

イラレで作るとどうしてもJPEGに変換したときサイズが変わってしまうので、Photoshopで作っていたのですが、なぜか他のサイトと見比べてもかなり画像が粗い（というより白ぼけ）です。
一応JPEGに変換するときは画質（100）を最高にしてるんですが・・・

どうかご助言のほどよろしくお願いいたします。
また、イラレで作った時、変換するとサイズが代わって（大きく）なってしまうのをなんとかしたいのですが。。。合わせてよろしくお願いいたします。

No.1 回答者： noname#39970 回答日時： 2007/08/09 00:47

画質ではなく大きさの問題。

100pixel x 100pixel　で作った部品を　100x100以外で表示したりすると　そうなる。




そうでなく？

この回答へのお礼

早速の解答ありがとうございます。

イラレのドキュメントで100*100でピクセル単位で作っているのですが、書き出ししてphotoshopで開くとなぜかかなり画像が大きくなっているんです・・・

お礼日時：2007/08/09 01:18

No.2 回答者： Seravy 回答日時： 2007/08/09 00:53

んー？

えーと、私はPhotoshopでやってますが、、

SAYKAさんのおっしゃる通り、使う時のサイズと作る時のサイズはかならず統一しましょう。イラレで作った時も、かならず一旦Photoshopなどで必要なサイズにラスタライズしてから保存します。

あと、JPEGは輪郭がにじみやすいので、グラデーションのあるような素材でなければGIF、PNGを使うとくっきりなると思いますよ。

この回答へのお礼

ありがとうございます。

一度PNGでやっていたのですが、PNGだとIE6で枠ごと青く表示されるんです・・・

で、仕方なくJPEGでやっています。
GIFも試してみます

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

お礼日時：2007/08/09 01:19

No.3 回答者： poposu 回答日時： 2007/08/09 00:54

ボタンは基本的にJPEGでなくGIFで保存します。

写真など複数の色が必要な画像はJPEGで保存します。
256色以下の画像ならGIFです。
イラレで大きさが変わってしまう場合は
恐らくイラレで設定している枠よりもはみだして作成しているからだと思います。解決方法は、ファイル→WEB用に保存で、右下にカラーテーブルというのがありますが、その右に画像サイズというのがありませんか？
そこをクリックしてアートボードサイズでクリップにチェックを付けて
適用を押してみてください。
それで解決できるはずです。

この回答へのお礼

ありがとうございます！

早速試してみます。
ちなみにGIFだとIE6で枠ごと青く表示されてしまうのでJPEGにしているのですがなにか解決方法はありますでしょうか？

お礼日時：2007/08/09 01:23

No.4 回答者： poposu 回答日時： 2007/08/09 01:31

<img src="xxxx.gif border="0">

このborder="0"で、青枠が消せます。

この回答へのお礼

ありがとうございます。

今からもう一度すべてGIFに変えるのは少々骨が折れますが・・・
頑張ります！
あと、イラレでサイズが変わるの、解決しました！！！

本当に本当にありがとうございした！

お礼日時：2007/08/09 01:40

No.5 ベストアンサー 回答者： Seravy 回答日時： 2007/08/09 01:34

枠が表示されるのは、リンクを貼った所ですよね？

<img ... border="0">

とすれば消えますよ。

この回答へのお礼

ありがとうございます。

正直、いまからすべてGIFで作り直すのには少々、というかかなり骨が折れますが頑張ります！
もっと早くに質問しておけばよかった・・・orz

本当にありがとうございました。

お礼日時：2007/08/09 01:41