
サイトのトップページを作っていて、その画面いっぱいに一枚完結作品の写真やイラストを背景として設置する為画像の加工をしています。
一枚の絵として見せたいので、リピート表示などはさせないのですが、
画面いっぱい使うとした場合画像の大きさをどのくらいの寸法にしようか迷っています。
というのも閲覧する方の環境によってモニタの大きさやブラウザを開いた時のウィンドウの大きさが違うので…。
(指定のウィンドウサイズに開かせる方法もあるかとは思いますが)
それは仕方ないと思いますので、一般的な画面のサイズってどのくらいで設定するのが多いのか教えてくださるとありがたいです。
ちなみに普段は画面いっぱいに見せる場合は横1000×縦800pixelくらいで作成しています。
No.2ベストアンサー
- 回答日時:
横は950px
http://www.kotono8.com/2009/01/14yokohaba.html
http://www.alphalabel.net/design/blog-renewal-bo …
縦はあまり関心ないです。
ただ,ノートPCの売上台数の20%以上がNetBook(縦のドット数が少ない 1024x600)なのですよね。そのユーザまで射程に入れるのかどうかで変わると思います。
遅くなりましたがありがとうございました。
URLとても参考になりました!1024×600サイズの普及がそんなにあるとは知りませんでした…。
私もノートはそのくらいですが、デスクトップはかなり大きめを使っているので、いわゆる「家庭用サイズ利用」を基準に考えたいと思います。
No.4
- 回答日時:
意図から察するに、制限が付いても、一部が切れたりまわりに隙間ができるよりは、常にウィンドウ一杯に表示されているのが希望かと思われます。
環境によっては表示されない、縦横比がウインドウにあわせて歪む、などのデメリットに納得できるなら、
http://www.tohoho-web.com/wwwxx037.htm
こうしてJavascriptでimgを配置する方法もあります。
遅くなりましたがありがとうございました。
JAVAはまだまだ勉強中たったのですがとても参考になりました!
こちらも視野に入れて試してみたいです。
No.3
- 回答日時:
あくまで、あなたが楽しむためと割り切ってあなたが見やすいサイズに仕上げればよいと思います。
HTMLの本来の目的は、
【引用】____________ここから
HTMLは、どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[2.2.1HTMLの略歴 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )]より
どれが多数か多数でないかではなく、「様々な解像度や色深度のグラフィックディスプレイを持つPC・・」なのですから。
しかも、回線速度の遅い環境で訪問された人に、とてつもなく大きな画像のダウンロードを強いるのは考え物ですし。
できれば、一旦サムネイル画像のメニューページで待ち受けてもらって、そのユーザーに自分の任意のサイズを選択してもらって進んでもらうのがよいのではないかと思います。
それでも、あえてとなると、多くのサイトが採用しているように横幅 800ピクセルぐらいで、コンテントをページ中央に配置するスタイルが望ましいのではないかと思います。
遅くなりましたがありがとうございました。
ハードはデスクトップ・ノートPC閲覧のみにしています。
おそらくはイラストや写真に興味がある人が観ると思いますので、そういった方の使用してそうなものに合わせるのが一番ですね。
なるべくスクロールや希望解像度選択のないシンプルなものを目指します。
No.1
- 回答日時:
まず前提
最近のWebサイトは
横幅800または1024を基準に作成することが多いわね。
昔は640も多かったけど。
これは最近のディスプレイが1024x768以上あるためよ。
それ以上で作るとウィンドウを最大化しないといけないとか
まだ1024x768のサイズのディスプレイも多く使われているから
という理由ね。
ただ、スクロールバーやメニュー、タスクバーとかもあるので
画面いっぱいにする場合は注意が必要。
横方向のスクロールバーは結構嫌われるのに対し
縦方向はあまり嫌われないので気にしなくてもいいかもね。
なんとかスクロールバーなしでと考えるなら
1024に対しては700くらいかしら。
ワイド方のディスプレイも多いので
その場合はさらに小さくなるわね。
サイトによってはJavaScriptで
画面やブラウザの有効領域の縦幅、横幅を取得し
それに収まる範囲の画像を出力する
なんてことをしていることもあるわ。
さて本題
あなたのその絵を誰に見てもらうか
まずはそこが大事ね。
その人たちが利用する画面サイズ・ブラウザサイズがどのサイズなのか
というのを予測する必要があるわ。
不特定多数なら1000x800だと縦も横もちょっと大きいかもしれないわ。
横幅1280以上のディスプレイを対象にするなら1000だと少し余るわね。
でもワイド型の1280だと800だと縦スクロールバーが出るわ。
縦は720くらいにはおさめたいわね。
「一般的」の「一般」の対象をどこにするかで
随分違ってくるので注意よ。
遅くなりましたがありがとうございました。
そうですね。私も横スクロールはあまり好きではないです。基本「自分が見てストレスが少ない画面」で作成してます。
おそらく閲覧者は私と同じ世代、好みだと思うのでそれに準じたいと思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ホームページのサイトでhtm...
-
htmlの文字が縦書きになる
-
テーブルの行を折りたたみたい...
-
GoogleSearchControlにホームペ...
-
htmlの<input type=”file”>でア...
-
静止画画像をクリックすると音...
-
メモ帳の段落の揃え方
-
css初心者 フレックスボックス...
-
HTML/CSSを使って写真のような...
-
HTMLでクロス抽出したい
-
レスポンシブで困っています・・
-
ホームページの制作について教...
-
テーブルのセルデータを自動改...
-
スマホ(android)のタッチパネ...
-
iPhoneで HTMLファイルを閲覧
-
スマホでHTMLファイルを開いて...
-
<input>のstep属性に違反する入...
-
Dreamweverは今も主流なんです...
-
動画と画像&タイトル2列を横並...
-
完全素人がノーコードWEB制作の...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ホームページを作っているので...
-
ホームページ、iPadやiPhoneで...
-
携帯電話用のサイトを作りたい
-
シミュレーターとエミュレータ...
-
端末の違いによってページを切...
-
平均的なウィンドウサイズとは?
-
HTML5+CSS3導入タイミングは?
-
コピペでbitmapを配置してくれ...
-
ホームページを作成し、インタ...
-
スマートフォン用のサイト作成...
-
デザイナーの方にWEBデザインを...
-
WEBサイトの画面サイズ表示につ...
-
携帯電話用HPの作成方法
-
スマートフォン制作の画像サイ...
-
HTMLでスクロールバーを禁止に...
-
バリアフリーなサイトで、フレ...
-
XML → HTML の確認方法
-
ホームページ作成について!
-
IE8は切り捨てても構わないのか
-
レスポンシブがよくわからない
おすすめ情報