- ベストアンサー
背景画像のサイズ
honiyonの回答
こんにちは、honiyonです。 計算しやすいように、表示領域が 1000x1000と仮定します。 また、1ピクセルあたり 1byte使用すると仮定します。 さて、背景画像を使用しているWebサイトを表示するには、勿論背景画像を読み込まなくてはなりません。 10x10の背景画像を使用している場合、100byteの画像ファイルを読み込み、それを並べて表示する処理を行います。 表示領域ぴったりの1000x1000の背景画像を使用している場合、1,000,000byte(1MByte)の画像ファイルを読み込み、それを表示する処理を行います。 ここでのポイントは、「100byteのファイルを読み込んで並べて表示する処理」が早いか、「1MByteのファイルを読み込んで表示する」が早いかです。 現在のパソコンでは、並べる数にもよりますが"極めて膨大な数でない限り"並べて表示する処理には1秒もかかりません。 それに比べ、1MByteのファイルを読み込むには、ADSLを使用しても明らかにそれ以上に時間がかかります。 「表示する迄の早さ」で比べれば前者(100x100の背景画像)の方が勝ちです。 しかし、だからといって背景画像は小さければ良いというものではありません。 例えば、(普通ならあり得ませんが)1x1ピクセルの画像を用いた場合、1000x1000の領域に表示するには、1000x1000回も並べて表示する処理を行う事になります。 最近のPCなら重く感じる事はないと思いますが、旧型を使用している人の中には、画面スクロール時などに処理が重く感じる方も出てくるかもしれません。(ブラウザの性能にもよりますが) では、何枚並べるまでならOKかというと私には分かりかねます(^^; インターネットに接続しているPCの処理能力はピンキリですので、大きな画像を一枚スクロールさせるだけで画面が波をうち、重いと感じる方もいる可能性があるからです(^^; 私の結論としては、背景の画像の大きさかなり小さいと感じた場合、ファイルサイズが100kbyte(素早く読み込めるサイズ)程度を目安に画像を大きくしてみてはいかがかなぁ、という所です。 参考になれば幸いです(..
関連するQ&A
- 画像サイズについて
FrontPage2003でHPを作成しています。画像縮小フリーソフトを使って、HPに写真を貼り付けていますが、異なるデジカメや携帯のカメラで撮影した為、画像サイズ(ピクセル)が一致しません。すべての写真が同じサイズ(ピクセル)になるようにしたいのですが、どうしたらよいでしょうか?
- ベストアンサー
- フリーウェア・フリーソフト
- 画像のサイズを変更したいのですが・・・・・・
画像のサイズを変更したいのですが・・・・・・ 何か良いフリーソフト又はサイト(HP)ありませんか? 出来れば縦と横のピクセルを強制的に変えたいです サイズは縦960ピクセル横1280ピクセルに設定したいです 画像を付けました(この画像のサイズを変更)
- ベストアンサー
- その他(インターネット・Webサービス)
- HP作成で1×1ピクセルの画像の連続??
HPの作成で、1×1ピクセルの画像をいわゆるループ的に無限に広げて使いたいのですが…どうしたら良いのでしょうか。 背景で使うのではありません。背景はすでにbackground属性での別画像があって、この背景画像の上に1×1ピクセルの画像を(背景画像と同サイズまでループ的に広げて)持ってきたいのです。 私がいう1×1ピクセルの画像とは透明gifのことです。いわゆる、背景画像をガードする目的ですね。 しかし、1×1ピクセルの画像を上に被せても、1×1ピクセルの画像のままで、ループ的に広がってくれません。ソフトはちなみにドリームウィーバーです。どなたかお分かりの方、宜しくお願いいたします。
- 締切済み
- HTML
- 背景画像をブラウザサイズに合わせる方法。
初心者です。 HPの背景画像を、閲覧者のブラウザサイズに合わせて拡大縮小させる方法を教えてください。 いろいろ調べてやってみたのですがうまくいきません…。 よろしくお願いいたします。
- ベストアンサー
- HTML
- 背景画像のサイズ
ブログの背景画像を自分で撮った写真にしようと思ってるのですが、そのサイズは大体どのくらいにすればよいのでしょう? そのままでは大きいのでソフトに読み込んでからサイズをかえてるんですが大きすぎたり小さすぎたりでしっくりこないのです・・・600×400みたいな数字で教えてください。
- ベストアンサー
- その他(インターネット・Webサービス)
- ホームページの背景画像について
HPをつくっていて背景画像を指定しているのですがブラウザで 文字サイズを大きくすると背景画像を文字がはみだしてしまいます。 ブラウザの文字を大きくしたら背景画像もそれにあわせた大きさになるように する方法は何かないものでしょうか?
- 締切済み
- その他(インターネット・Webサービス)
- 作っているページ内に背景を表示させるには
勉強不足で申し訳ありませんが、ホームページを独学で作成しています。 横幅950ピクセルのサイトを、中央表示させるように考えています。 その950ピクセルの左上の部分に、(繰り返しの無い)背景画像を表示させたいのですが、 CSSファイルにbackgroundで指定してやると、どうやら表示する画面のサイズに左右されるらしく、 範囲外に背景画像が出たり、自分が考えているのとは違う位置に表示されてしまいます。 ページ内のひとつの要素として、背景画像のように扱えるイメージを挿入するには、どうすれば良いでしょうか。
- ベストアンサー
- CSS
- 固定背景画像にリンクをはりたいです。
固定背景画像にリンクをはりたいです。 今、HPの隠しページを作っています。 右下固定の背景画像にリンクをはりたくて 透明の別画像を用意したんですが、 その画像を固定させる方法(HTMLタグ)が分かりません。 ピクセルなどではなく、右下に固定させたいです。
- 締切済み
- HTML
- PNG画像のファイルサイズを落とす方法
1.32MBのPNG画像を0,9MBぐらいまで多少劣化してもいいのでPNG画像のままファイルサイズを落とす方法はありますか。 アメブロのヘッダーに載せようと思っております。 画像サイズを変更せずにファイルサイズを落としたいのです。 Paint.netでコラージュを作成して1300×900ピクセルから980×678ピクセルに画像サイズを落としたのですがそのファイルサイズが1.32MBなのです。 このコラージュの背景を透明にしたいので、PNGで保存したいのです。GIFでは画像が荒すぎます。 誰かわかる方よろしくお願いいたします。
- 締切済み
- ブログ
- 背景画像(固定指定)の望ましいサイズは
背景画像(固定指定)の望ましいサイズは 閲覧有難う御座います、とちらに質問していいのか解らず、HP関連の事なので此方に質問させて頂きました 長文になりますがお付き合い頂けましたら幸いです 固定背景画像を自作したいと思っているのですが、初めの作るサイズの所で躓いてしまいました 色々な素材サイト様の素材をDLし画像サイズを確認してみたのですがサイズは様々なようでして、 ワイドや今までの1024のモニターの方もおられるでしょうし、ご覧になっておられる方のブラウザによっても画面サイズが変わると思うのでどれくらいのサイズで作ればいいのかを悩んでます http://aogaras.su-u.com/temp/1P/005-1P003/index.html http://neo-himeism.net/01m/template/if012/home.html 上記のサイト様のように背景画像が切れないように作りたいのですが大体W、H共に何px位で作るのが望ましいのでしょうか? 今回私が作ろうと思ってるのはhttp://neo-himeism.net/01m/template/if012/home.html様のような左固定W300pxで作ろうと思ってるのですがHを何pxにしたらいいのか解りません また、何れ作りたいと思っている全画面表示のサイズも後学の為御教示頂けましたら幸いです 解り辛い文面で大変申し訳ないのですが宜しくお願い致します
- ベストアンサー
- ホームページ作成ソフト
お礼
詳しい説明ありがとうございます。 やっぱり小さければよいというわけではなかったのですね。 いろいろ試してみます。