No.2
- 回答日時:
背景のサイズは確かに小さい方が軽いです。
>>繰り返しが多すぎて余計に重くなるような気がする>>>のですが…。
ということですが、たしかに、netscapeでは
重くなってしまいます。
ただ、それは背景の画像自体をダウンロードするのにかかる時間はかわりませんがそのかわりnetscape自身が処理するのに時間がかかると言うことです。
ずーと繰り返して。
でも、IEだと問題はないですね。
HPを作る上ではIEとnetscapeどちらでも
快適に見れる方がこのましいので少し
大きめに作るとよろしいかと思います。
この回答へのお礼
お礼日時:2001/10/21 12:24
回答ありがとうございます。
netscapeだと重くなるんですか。
私も前はnetscapeを使ってましたが、最近はIEばっかりだったので全然気が付きませんでした。
いろいろ試してみようと思います。
No.1ベストアンサー
- 回答日時:
こんにちは、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が見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Illustrator(イラストレーター) イラストレーターで文字の背景に自動で入れた長方形の左側の角だけ丸く(右側だけ直角に)する方法 4 2023/04/21 11:08
- その他(ソフトウェア) ペイントで切り抜いた画像の背景を透明に 2 2022/09/15 10:20
- Windows 10 zoomで自分の顔の背景 3 2023/06/07 22:34
- Photoshop(フォトショップ) 【至急】 ウェブサイトやアプリとかでよく見かける、添付画像のように背景にあるものをぼかしつつ透過する 2 2023/07/17 10:57
- 写真・ビデオ マイナポイントの申請ではじかれた(写真背景問題) 8 2023/02/26 12:45
- Photoshop(フォトショップ) Photoshopの画像が重すぎるので軽くしたいです 7 2022/05/13 20:13
- Photoshop(フォトショップ) フォトショップで背景をくり抜く方法 2 2022/05/14 12:39
- 恋愛占い・恋愛運 カテ違いだったらすいません。心理について聞きたいです! 2 2022/04/18 14:26
- Photoshop(フォトショップ) フォトショップで切り抜いた画像を透明にするには 3 2022/09/15 11:50
- ガーデニング・家庭菜園 投稿画像について 5 2022/06/27 09:40
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
IMGタグで画像の繰り返し使用は…
-
同じ画像 複数回使用
-
lightbox2で画像を天地左右中央...
-
WEB上でディレクトリ内の画像を...
-
背景画像をリピートさせない方...
-
gif画像でたまに背景がグレーに...
-
CSS マウスオーバーでテキスト...
-
CSSでの動画のマスク処理
-
フッターの背景に色を指定した...
-
LightBoxの矢印の出し方
-
ひとつの画像をWEBで異なる小さ...
-
before疑似要素で画像を指定し...
-
背景画像の上に透過GIF背景...
-
<hr>の縦バージョンはありますか?
-
htmlタグで画像を背景に敷き詰...
-
【至急お助け!】チェックボッ...
-
サファリで背景画像が1ピクセ...
-
下記サイトのトップ画像はどの...
-
【Webサイト】画像が小さく表示...
-
画像で背景透明のテキストがに...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
画像の上にテキスト配置で、拡...
-
画像とその下にあるテキストの...
-
<hr>の縦バージョンはありますか?
-
【至急お助け!】チェックボッ...
-
【Webサイト】画像が小さく表示...
-
background-repeat CSS で切れ...
-
htmlかcssで背景の白い枠をなく...
-
background-sizeの背景で最小値...
-
lightbox2で画像を天地左右中央...
-
ページごとに背景画像を変更し...
-
LightBoxの矢印の出し方
-
WEB上でディレクトリ内の画像を...
-
IMGタグで画像の繰り返し使用は…
-
iframe内をクリックさせない方...
-
同じ画像 複数回使用
-
画像上に文字を表示するとiPhon...
-
background-sizeでcontainする...
-
ページの上下に白い横線が入る
-
コーディング中、右側に謎の余...
-
画像を複数横に並べ、かつそれ...
おすすめ情報