バナー作成・保存について

質問

ホームページ作成初心者です。
イラレ・フォトショCS2でバナーを作成してDreamweaver8でホームページを作成したいのですが・・・

作成サイズ（pix)はどれぐらいが適当でしょうか？
ちなみにバナーには社名とロゴマークが入るぐらいです。
また、作成後はどの様に保存してDRE8のimgファイルに移せばいいでしょうか？

回答No.2

vescent · ベストアンサー

#1です。補足を読んだので、分かる範囲内でのアドバイスです。

（FireWorksは私はあまり使用した事無いので、詳しく分からないで申し訳ありませんが）
人によってはフォトショよりも軽い・Dwでの連携がしやすい、等の理由でメインで使ってる人も、Webデザインの現場だと居るので、使ってみると良いでしょうね。
フォトショメインのユーザーの方が多いとは思いますが。

ImageReadyが活躍するのは、ページ丸ごとデザインした場合等です。
スライスという機能を使用して、部分毎に画像に変換して容量を変えたり、名前を変えたりするのに便利です。
あとは、GIFアニメも作れるので割りと楽しいです。

>単純にGIFがいいと思っていましたが、～がいいみたいですね。
そうですね、Webに保存する画面のプレビューで書き出した後の容量は一目でわかるので、出来る限り画像1枚1枚（バナーに限らず）、JPGにしてみたり、GIFにしてみたりすると良いと思います。

>ただ「出来る限り見た目を～教えていただければありがたいです。
これは文章だと難しいですが・・・どこまで知っているか分からないので、順を追って説明してみます。

■Photoshopでの場合
1.Web用に保存、で開く。
2.左上のタブで2アップ（か4アップでも）を選択する。
3.右上のJPEGかGIF等のプルダウンで選択する。
4.右の「画質」の数値を徐々に下げていき、元画像（左）と反映後（右）を見比べる。
5.画質と、画像左下の容量を見比べ、調整をする。（時間/回線速度の数値なども参考に）
6.書き出して終了。

仕事で画像を扱う場合、見た目よりも軽さ重視という場合があるのですが、趣味だとか個人的なサイトならば、見た目重視で自分で判断されると良いかと思います。
いざアップして「重いな」と思ったら修正すれば良いですし。

個人的な目安ですが、JPGの場合は画質60までがギリギリ綺麗な範囲、GIFの場合は32カラー程度かな、という風に思っています。
（仕事内容によっては、更に下の画質40だとか10カラーだとかになる事も）

GIFで容量を落としていく作業（カラーの数を減らしていく）で、例えば256色>32色に落とした時に、元画像の一部分の色が減った事によりバランスが悪い絵になる事があります。
その場合256に戻して、カラーテーブルにて「どうしても外せない色」を選択して、鍵アイコンをクリックして色にロックをかけます。
ロックしてから、カラー数値を下げていくと、より目的にあった色の減らし方が出来ます。

>自分のページ上にアップする～に保存すればよいものでしょか？
このサイズというのは、ピクセルサイズの事でしょうかね？？
どのように見せたいかによるので、あれですが・・・

例えば原寸で大きな画像を見せたいとかなら、ページ用に小さくした画像を用意して、それをクリックしたら元の大きな画像へのリンクになる、という事も出来ますよね。
小さく見せたい分には、どうにでも小さくすれば良いです・・・。

ページ自体のサイズですが、750～1000 x 500～650px程度の範囲で作製すれば、普及されている一般的な環境では、1画面に収まるのでは？と思います。

最後に、多分ですけど、WebpageDesignというカテゴリの方が、詳しい人が居るかもしれません＾＾；
私はたまたま、このカテゴリに立ち寄っただけなので（笑）。

お礼

vescentさん

本当に詳しく、しかも丁寧に回答していただき有難うございました。
入り込めば入り込むだけ、疑問が多くなりvescentさんには貴重な時間を使わせてしまいました・・・。
独学だけでは限界もあるとは思いますが、頑張っていきたいと思います。

仕事はＷＥＢ関係ではありませんが、将来やってみたい仕事なので現在は猛勉強です。（歳はいっていますが・・・笑）

今回ご解答いただいたことを踏まえてページを作成していきます。
どんなページになるか、かなり不安ですが・・・。

vescentさんのような方が、そばに居られたらスムーズに作れるのになぁ～と思います。

また作成中に、どうにもならない時にはご教授をよろしくお願いいたします。

この度は本当にありがとうございました。