背景画像（固定指定）の望ましいサイズは

質問

背景画像（固定指定）の望ましいサイズは
閲覧有難う御座います、とちらに質問していいのか解らず、ＨＰ関連の事なので此方に質問させて頂きました
長文になりますがお付き合い頂けましたら幸いです
固定背景画像を自作したいと思っているのですが、初めの作るサイズの所で躓いてしまいました
色々な素材サイト様の素材をＤＬし画像サイズを確認してみたのですがサイズは様々なようでして、
ワイドや今までの1024のモニターの方もおられるでしょうし、ご覧になっておられる方のブラウザによっても画面サイズが変わると思うのでどれくらいのサイズで作ればいいのかを悩んでます
http://aogaras.su-u.com/temp/1P/005-1P003/index.html
http://neo-himeism.net/01m/template/if012/home.html
上記のサイト様のように背景画像が切れないように作りたいのですが大体Ｗ、Ｈ共に何px位で作るのが望ましいのでしょうか？
今回私が作ろうと思ってるのはhttp://neo-himeism.net/01m/template/if012/home.html様のような左固定W300pxで作ろうと思ってるのですがHを何pxにしたらいいのか解りません
また、何れ作りたいと思っている全画面表示のサイズも後学の為御教示頂けましたら幸いです

解り辛い文面で大変申し訳ないのですが宜しくお願い致します

回答No.1

usapipipi · ベストアンサー

背景画像（固定指定）の望ましいサイズは、どのようなデザインによるかで変化すると思うのですが、
私がサイズを決めるときは、下記のように考えますので、参考までに記載します。

1280 x 800 (26.49%)
1024 x 768 (26.41%)
1280 x 1024 (17.53%) --70.43%
1366 x 768 (7.29%)
1440 x 900 (4.40%)
1680 x 1050 (4.04%)
1920 x 1080 (2.60%)
1152 x 864 (1.37%) --90.13%
1920 x 1200 (1.20%)
1280 x 768 (1.06%)

これは当サイトのアクセス解析の数値です。
マイナーな素材サイトですが、傾向は現れるのではないかと思い、
この数値を参考に素材のサイズを検討します。

とりあえずＷ、基準としているのは、yahooなど多くのブログで使用される固定サイズ、Ｗ750-850pxです。
ブラウザサイズは多様ですがウインドウを全画面で見ることはあまりないのではないかと思われ、その中で使用されているということはそのサイズを見ることができるウインド幅がとられていることが多いのではないかと思い+αで900px。

次に，Ｈですが、これは解析結果の上位の最小値768px-αということになります。αはブラウザの枠の部分の幅でIEなどでは表示されるステータスバーなどの状況で可変的ですがおよそ100-150px、というわけで、768-150=718px、つまり、

900x718px・・・これが、おおむね、サイトを開いたとき目にすることができる最大値になるようにブラウザを設定している方が、30-40%ほどいるのではないかという見込みの元に、デザインを設定します。
つまりこのワクの中にデザインの主要部分を入れるということで、どんなに大きな背景画像でも、このサイズ以上の部分はオマケ、みたいな^o^;;;、もしかしたら見てもらえないかも知れない、ということを想定して、デザインを考えます。

その上で、奇特にも全画面で見ているかも知れない方のために、1280x1000pxくらいのサイズの背景画像を作る事もあります。
ただ、画像は大きくなるほど重くなる、ということで、これ以上の大きさの画像では表示される前に他にいってしまう、ということも考えられますので^o^;;;。

あとは、デザインから求められるサイズとの兼ね合いということで、ベストの数値を設定していきます。

参考URL：

http://aogaras.su-u.com/index.html

お礼

素材サイト管理者様に回答頂けるなんて光栄です
閲覧者のブラウザやモニターのことは考えていたもののそこまでの心配りは出来ていませんでした（数学が苦手なのもありますが・・・）
記載頂きました数値等とても参考になります、画像の重さは以前のＰＣで泣かされてきましたので閲覧者様方の負担にならないように気を使っていきたいと思います
御教示頂き有難う御座いました、サイト運営頑張って下さい