2011-02-07 81 views
5

我在這裏有一個小問題。我是一個網絡開發專業,我目前正在爲我需要做的一個項目建立這個網站。我想讓背景圖像看起來很漂亮。我在Photoshop中創建的圖像,並將其保存到網絡爲.jpg,它結束了在大小58.8k來到背景圖片時有多大?

我所有的網站,爲用戶加載快,但我想知道如果小於60K是好嗎?我在yslow firefox擴展上檢查了它,它在96毫秒內加載了我(稍差的測試主題 - http://www.speedtest.net/result/1146275377.png

60k太多了,是否只有10-20k的圖像纔是最佳實踐?當我看到一個圖像加載時,我恨它......它只是......在這一點上甚至不值得這個圖形。有更快的方法來加載一個這樣的大小的圖像? CSS或標籤?或者我應該不擔心它?

回答

1

大多數瀏覽器加載背景圖像最後由默認的,所以應該不會有問題。

多大太大取決於您的主機設置,流量您的網站獲得的金額,以及你的訪問者的典型傳輸速率。

60K似乎是合理的我要的平均網站有沒有太多的遊客同時。但是,帶寬需要花費金錢,這就是你很少在大網站上看到這種大小的背景圖像的原因。另一方面,YouTube會定期播放比您建議的背景圖像大幾千倍的視頻。在不瞭解您的網站,託管解決方案和使用情況統計信息的情況下,不可能提供精確的建議。

機會是,如果你問這個問題,60K是完全正常的。

如果你想保證你的背景圖片加載第一或最後你可以這樣做:

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

將身體標籤上面的代碼預加載的背景圖像。將其放置在HTML文檔中以便稍後加載(例如,</body>標記最後加載背景之後)。

然後在身體標記:

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

我不認爲60K過大,雖然你可能想看看自己可能的用戶,想想他們的連接速度將是什麼樣子。如果您想嘗試儘可能減小文件大小,請嘗試smushing it以及您可能會看到它進一步下降。

+0

我忘了這一點!非常感謝,把它降到54.6k! – Phil 2011-02-07 08:35:58