【詳細】カスタマイズ可能なテンプレートを使った自身のホームページを、勉強も兼ねて作成しています。トップページのメイン画像を既成のものから自分で用意した画像に差し替えたいと思っていますが、用意した画像をアップロードすると、数倍程度大きく表示されてしまい困っています。用意する画像は、カスタマイズ前の既存の画像をウェブブラウザで表示しプロパティで大きさ(px)を調べ、Illustrator(cs4)の長方形ツールで同じ幅×高さ(px)のボックスを作成して作っています。保存はjpgです。画像の扱いに慣れていないため、間違っているところが分からないでいます。大きく表示されてしまう理由と、同じサイズで差し替えるための対処方法を、ご教授頂下さい。どうぞよろしくお願いします。
>Illustrator(cs4)の長方形ツールで同じ幅×高さ(px)のボックスを作成して作っています
JPEGに書き出しオプションで深度が300DPIなどになっていると思いますので、
75DPI(もしくは72DPI)に変更してから保存するようにしてみてくださいな
http://help.adobe.com/ja_JP/Illustrator/14.0/WS714a382cdf7d304e7e07d0100196cbc5f-6554a.html
1.「web用に保存」を選ぶ
2.画像サイズを指定します
画面右中央付近に「画像サイズ」という選択がありますのでここでお好きな寸法を入力。(120pxにしたいのなら幅か高さのいずれかに120pxという数字を入力)→「適用」
3.その他の設定
保存形式:JPEGを選択
必要に応じてその他の設定項目(画質)等をいじってください。
Illustratorのいいところは設定に応じてファイル容量が表示されますので容量を見ながら適当なところを捜して下さい。