背景イメージに来るときにどれくらい大きなものが大きすぎますか？

私はここで少し問題があります。私はウェブ開発の専攻です。私は今必要としているプロジェクトのためにこのサイトを構築しています。私はそれを背景のイメージできれいに見せたいと思っていました。私はPhotoshopで画像を作成し、それを.jpgとしてWebに保存したところ、サイズが58.8kになりました。背景イメージに来るときにどれくらい大きなものが大きすぎますか？

私はすべてユーザーのためにすばやく読み込むウェブサイトですが、60k未満であれば大丈夫ですか？私はyslow firefox拡張機能でそれをチェックし、96ミリ秒で私のために読み込みます（若干劣ったテスト対象 - http://www.speedtest.net/result/1146275377.png）

60kがあまりにも多いですが、10〜20kの画像しか持たないことをお勧めしますか？私は画像が読み込まれるのを見たときにそれを嫌い...それはちょうどその時点でグラフィックの価値がない。そのサイズのイメージを読み込むためのより速い方法がありますか？ CSSまたはタグ？それとも私はそれについて心配してはいけないのでしょうか？

出典

2011-02-07 Phil

ほとんどのブラウザでは、デフォルトでバックグラウンドイメージが最後に読み込まれるため、問題は発生しません。

大きすぎるのは、ホスティングの設定、サイトのトラフィック量、訪問ユーザーの典型的な転送速度によって異なります。

60kはあまりにも多くの同時訪問者と平均的なサイトのために私には妥当と思われる。しかし、帯域幅にはコストがかかるため、大きなサイトではそのサイズの背景画像をめったに見ることができません。一方、youtubeは、あなたが提案した背景画像よりも何千倍も大きい動画を定期的にストリーミングします。サイト、ホスティングソリューション、使用状況に関する統計情報がなくても、正確なアドバイスはできません。

この質問をすると、60kは完璧です。

あなたの背景画像負荷が第一またはあなたが行うことができ続くことを保証したい場合は

：bodyタグ上記のコードは、背景画像をプリロードする

<script type="text/javascript"> 
bgimage = new Image(); 
bgimage.src = "http://www.olhovsky.com/img/cdf97/256fwt1_eg.png"; 
</script>

場所。後で読み込むには、HTML文書の下に置きます（たとえば、最後に背景を読み込むための</body>タグの後）。

そしてbodyタグに：

<body onload="document.body.background=bgimage.src;">

出典

2011-02-07 08:12:18 Olhovsky

私はあなたがおそらくあなたの可能性の高いユーザーを見て、その接続速度がどのようになるかを考えたいが、60Kが大きすぎるとは思いません。できるだけファイルのサイズを小さくしてみたい場合は、smushing itもお試しください。もう少し先に進むと分かります。

出典

2011-02-07 08:32:17

私はそれについて忘れました！本当にありがとう、54.6kに下がった！ – Phil

背景イメージに来るときにどれくらい大きなものが大きすぎますか？

答えて

関連する問題