dポイントプレゼントキャンペーン実施中!

サイトのトップページを作っていて、その画面いっぱいに一枚完結作品の写真やイラストを背景として設置する為画像の加工をしています。

一枚の絵として見せたいので、リピート表示などはさせないのですが、
画面いっぱい使うとした場合画像の大きさをどのくらいの寸法にしようか迷っています。
というのも閲覧する方の環境によってモニタの大きさやブラウザを開いた時のウィンドウの大きさが違うので…。
(指定のウィンドウサイズに開かせる方法もあるかとは思いますが)
それは仕方ないと思いますので、一般的な画面のサイズってどのくらいで設定するのが多いのか教えてくださるとありがたいです。
ちなみに普段は画面いっぱいに見せる場合は横1000×縦800pixelくらいで作成しています。

A 回答 (5件)

横は950px


http://www.kotono8.com/2009/01/14yokohaba.html
http://www.alphalabel.net/design/blog-renewal-bo …

縦はあまり関心ないです。
ただ,ノートPCの売上台数の20%以上がNetBook(縦のドット数が少ない 1024x600)なのですよね。そのユーザまで射程に入れるのかどうかで変わると思います。
    • good
    • 0
この回答へのお礼

遅くなりましたがありがとうございました。
URLとても参考になりました!1024×600サイズの普及がそんなにあるとは知りませんでした…。
私もノートはそのくらいですが、デスクトップはかなり大きめを使っているので、いわゆる「家庭用サイズ利用」を基準に考えたいと思います。

お礼日時:2009/03/25 11:10

閲覧するディスプレィの大きさの最小単位としては、昔の携帯電話に合わせた方が無難でしょう。


でも現実的な問題としてはPC前提だと600~800×400~600程度が無難なのでは?
    • good
    • 0
この回答へのお礼

遅くなりましたがありがとうございました。
携帯での閲覧は視野に入れていないので、皆様のご意見から600~800×800~1024の間で決めようと思います!

お礼日時:2009/03/25 11:17

意図から察するに、制限が付いても、一部が切れたりまわりに隙間ができるよりは、常にウィンドウ一杯に表示されているのが希望かと思われます。



環境によっては表示されない、縦横比がウインドウにあわせて歪む、などのデメリットに納得できるなら、
http://www.tohoho-web.com/wwwxx037.htm
こうしてJavascriptでimgを配置する方法もあります。
    • good
    • 0
この回答へのお礼

遅くなりましたがありがとうございました。
JAVAはまだまだ勉強中たったのですがとても参考になりました!
こちらも視野に入れて試してみたいです。

お礼日時:2009/03/25 11:15

 あくまで、あなたが楽しむためと割り切ってあなたが見やすいサイズに仕上げればよいと思います。


 HTMLの本来の目的は、
【引用】____________ここから
HTMLは、どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[2.2.1HTMLの略歴 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )]より
 どれが多数か多数でないかではなく、「様々な解像度や色深度のグラフィックディスプレイを持つPC・・」なのですから。

 しかも、回線速度の遅い環境で訪問された人に、とてつもなく大きな画像のダウンロードを強いるのは考え物ですし。
 できれば、一旦サムネイル画像のメニューページで待ち受けてもらって、そのユーザーに自分の任意のサイズを選択してもらって進んでもらうのがよいのではないかと思います。

 それでも、あえてとなると、多くのサイトが採用しているように横幅 800ピクセルぐらいで、コンテントをページ中央に配置するスタイルが望ましいのではないかと思います。
    • good
    • 0
この回答へのお礼

遅くなりましたがありがとうございました。
ハードはデスクトップ・ノートPC閲覧のみにしています。
おそらくはイラストや写真に興味がある人が観ると思いますので、そういった方の使用してそうなものに合わせるのが一番ですね。
なるべくスクロールや希望解像度選択のないシンプルなものを目指します。

お礼日時:2009/03/25 11:14

まず前提



最近のWebサイトは
横幅800または1024を基準に作成することが多いわね。
昔は640も多かったけど。

これは最近のディスプレイが1024x768以上あるためよ。
それ以上で作るとウィンドウを最大化しないといけないとか
まだ1024x768のサイズのディスプレイも多く使われているから
という理由ね。
ただ、スクロールバーやメニュー、タスクバーとかもあるので
画面いっぱいにする場合は注意が必要。

横方向のスクロールバーは結構嫌われるのに対し
縦方向はあまり嫌われないので気にしなくてもいいかもね。
なんとかスクロールバーなしでと考えるなら
1024に対しては700くらいかしら。
ワイド方のディスプレイも多いので
その場合はさらに小さくなるわね。

サイトによってはJavaScriptで
画面やブラウザの有効領域の縦幅、横幅を取得し
それに収まる範囲の画像を出力する
なんてことをしていることもあるわ。


さて本題

あなたのその絵を誰に見てもらうか
まずはそこが大事ね。
その人たちが利用する画面サイズ・ブラウザサイズがどのサイズなのか
というのを予測する必要があるわ。
不特定多数なら1000x800だと縦も横もちょっと大きいかもしれないわ。
横幅1280以上のディスプレイを対象にするなら1000だと少し余るわね。
でもワイド型の1280だと800だと縦スクロールバーが出るわ。
縦は720くらいにはおさめたいわね。

「一般的」の「一般」の対象をどこにするかで
随分違ってくるので注意よ。
    • good
    • 0
この回答へのお礼

遅くなりましたがありがとうございました。
そうですね。私も横スクロールはあまり好きではないです。基本「自分が見てストレスが少ない画面」で作成してます。
おそらく閲覧者は私と同じ世代、好みだと思うのでそれに準じたいと思います。

お礼日時:2009/03/25 11:07

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!