• ベストアンサー

Web素材の制作サイズ(タテ×ヨコ)について

Web制作(商用サイト)に関しての質問です。 例えばヨコのサイズが960ピクセルのWebサイトをつくると仮定して、 トップのメイン画像についてもヨコ幅をそのサイズでつくると思います。 Photoshopで合成、加工等してもとになるPSDをつくる時、最初から 960ピクセルでつくるものですか? それとも大きなサイズでつくり、 jpgなどにする時に掲載ページに合うように(つまり960ピクセルに) リサイズするものですか? なおメイン画像はシーズンなどによって、加工等する事があります。 同様に、120 x 90などのバナーを制作する場合はいかがでしょうか? 以上、よろしくお願い致します。

noname#175550
noname#175550

質問者が選んだベストアンサー

  • ベストアンサー
  • naokita
  • ベストアンサー率57% (1008/1745)
回答No.2

大きく作ってから後で全レイヤーを一発でリサイズすると、1pxずれたりボケたりするから、Photoshopでウェブ画像の場合は、960pxピッタリで作ります。 でも、変更する可能性があれば話は別で、 その辺のディレクションがしっかり決まらなければ面倒です・・・ >なおメイン画像はシーズンなどによって、加工等する事があります。 尚更、同じサイズで作った方が間違いないのでは? それとも毎回リサイズするのですか? 画像によっては、 リサイズして曲線や影などをわざと馴染ませるテクニックもありますし、 バナーなど同じ画像で何種類も作る時には、面倒なのでリサイズで作るとか。。。

noname#175550
質問者

お礼

リサイズ時にズレたりする可能性もあるんですね。 参考になりました。やっぱりアプリの性質など、 実際にやってみて理解する必要がありますね。 回答ありがとうございました。

その他の回答 (1)

  • SAYKA
  • ベストアンサー率34% (944/2776)
回答No.1

全て状況次第だね。 素材自体がポスターや何かからだったりすると もともと大きい物を目的の幅にすることになるよね。 また、メイン画像自体は小さいけれどページ全体の横幅は広く、左右に飾り等を付けるなんて事もあるでしょ。 依頼としてならびっちりで作ってかまわないけれど元の素材はある程度どの大きさでも対応できるような大きめの物にしたりする人も居るよ。 その素材が、どう使われそうか、または後に自分がどう使う予定を見いだすか、によるかな。 製作時間との兼ね合いで倍サイズくらいで持っておけばどうとでもなるからそう作るとか、そんなんで良いと思うよ。

noname#175550
質問者

お礼

絶対的な正解を求めずに、柔軟に対応する姿勢で良さそうですね。 回答ありがとうございました。

関連するQ&A

  • バナー制作

    初めてWEBサイトのバナー制作をしています。 バナーサイズを133px × 60px という指定をいただいたんですが、 これはフォトショでサイズ指定する際は、画像解像度内の、 ピクセル数内の幅と高さに数字を入れれば良いのか、ドキュメントサイズ内で数字を入れれば良いのかどちらなのでしょうか。 フォトショに使い慣れていないので、不安でお聞きしました。 よろしくお願い致します。

  • イラストレーターでWeb用画像を保存

    イラストレーターでWeb用画像を保存したいのですが、「Web用に保存」で画像のサイズを確認すると、縦横とも制作時のサイズより1~2ピクセル大きくなってしまいます。 「画像タブ」をクリックしてサイズをリサイズして保存して、作られたものを確認してみると、制作されたサイズより1~2ピクセル小さい画像になっており、すき間が出来てしまっています。 キャンバスを画像にフィットさせるようなことが出来ればいいのですが。。。 ちなみに、作った画像は、GIFファイルです。 どなたか、この現象の解決方法をご存知の方、よろしくお願い致します。

  • 画像のサイズを横に伸ばす方法はありますか?

    画像のサイズを横に伸ばす方法はありますか? 画像サイズの拡大、縮小などでサイズをまず縦を指定したら横もそれに合ったサイズになって指定できません。 リサイズではなくて無理やり横だけに伸ばす方法はありますでしょうか?

  • 携帯用サイトの画像サイズは?

    携帯用サイトの画像サイズは、最大縦と横で何ピクセルで制作したら良いでしょうか? また、こんな基本的なことを教えてくれているサイトは無いでしょうか?

  • イラストレーターでWebページ制作

    Webページのデザインをイラストレーターを使って作っています。(CS3) 文章+商品写真のページを作る際、商品写真をレイアウトにするときに、紙媒体を制作するときと同様、 illustratorのファイルにPhotoshopで加工・切り抜きをしたPSD又はPNGデータを“配置”しているのですが、 配置した後、illustrator上で写真を縮小してしまうと写真が汚くなってしまうと職場で指摘されたのですが、 本当でしょうか? 一応、縮小率が80%未満にならない程度に写真はリサイズはしてあるのですが、 等倍の写真ファイルを配置しなければ画像は汚くなってしまうのでしょうか? その後の流れとして、 レイアウトが決まり写真も全部配置したら、画像は全部埋め込む    ↓ 文字にアウトラインをかけ、“書き出し”でPSDに書き出し、コーディング作業の外注にそのままデータを渡す。 という感じで、最終的にはスライスする前にPSDデータに書き出すので、illustrator上での配置は100%のものでなくても 良い気がするのですが、実際はどうなのでしょうか? 何回か縮小した写真を埋め込んだままでページを作っていましたが、 画像の荒れは気づきませんでした。 illustrator上で写真の大きさも自由に変えながらレイアウト作業したいので、少し大きめ(110%ぐらい)の画像を 配置していたのですが、100%の写真でないとダメならば、最後にまたリサイズし直さないとならなくなってしまいます(>_<)  いろいろ検証してみたのですが、職場の人に大丈夫ですと言い切る自信がいまいちないので、こちらで質問させて頂きました。 よろしくお願いします。

  • バナー広告のgifアニメ制作において。

    広告代理店の者です。webの制作会社にバナー広告の制作を頼んでいるのですがどうしても腑に落ちない点があるので質問させてください。制作の規定が下記で、6秒以内で2画面のgifアニメを作ってもらっています。写真を入れる場合、2画面のうち1画面に1点入れると既に容量オーバーになるというのですが本当でしょうか?○ファイルサイズ/15Kバイト○ピクセルサイズ/横728×縦90ピクセル○アニメーション/6秒以内に停止○ファイル形式/gif89a、jpeg、html(クリッカブルマップ)

  • Web制作者探しています

    以前にもここでお聞きしたのですがWeb制作を考えているのですが 中々いいところが見つかりません。予算的なこともあるかと思う のですが。奈良県なのでできれば近県がいいのですがいいサイト は無いでしょうか? クオリティーや相談が可能であれば遠方でもいいと思っています。 クリエーターの集まりのページとして http://www.creators-gate.com/ は知っているのですが見つかりませんでした。 商用なのでプロを探しているのですが。

  • 判りやすい画像ファイル名の付け方(Web制作)

    はじめまして。web制作を仕事としている者です。 みなさんにお聞きしたいのが、画像ファイル名の付け方についてです。 webサイトには色んな画像(タイトル、みだし、バナーなど)を使用するケースが多いですが、命名ルールがはっきりしていないのでいつもファイル名を適当に付けてしまいます。 一人で制作する分には問題ないですが、複数人で制作する場合は少々困ってしまいます。 知っておくと便利な決まりごとなどがあれば教えてください。 宜しくお願い致します。

  • WEBサイト制作動画を使うときどうしますか?

    WEBサイト制作で、はやりの動画をbannerに入れたサイトを作るのですが、 画像の圧縮は下記で行っていますが1mb以下にはできないのでしょうか? http://video.online-convert.com/convert-to-mp4 また実務ではvideoタグとユーチューブのiframeどちらを使いますか? 重いので画像の大きさは1920pxにはしないですよね。 画像が乱れても1000pxくらいに抑えますか?

    • ベストアンサー
    • HTML
  • Illustrator 9.0で素材つくり

    質問させて頂きます。 当方、Illustrator 9.0 MAC OSXの環境でHPを作成したいと思い、勉強中なのですが、Illustratorでボタンとかバナーとか作るときに画像サイズはどういう風に決めているのでしょうか? たとえば、800×600サイズの新規ファイルを作りその中に 100×40のバナーを作りたい時、該当サイズの四角をつくり その中にバナーとなる文字などを入れていくやり方があっているのでしょうか? 実際に100×40のバナーを作ったところ、WEB保存でgif保存すると1001×41になっています。 確実に希望サイズ(ピクセル)にするにはどうしたらいいのでしょうか?