2011-02-07 12 views
5

मुझे यहां एक छोटी सी समस्या है। मैं एक वेब विकास प्रमुख हूं और वर्तमान में मैं इस परियोजना को एक परियोजना के लिए तैयार कर रहा हूं जिसे मुझे करने की आवश्यकता है। मैं इसे पृष्ठभूमि छवि के साथ सुंदर दिखाना चाहता था। मैंने फ़ोटोशॉप में छवि बनाई और इसे एक .jpg के रूप में वेब पर सहेजा और यह 58.8k आकार में समाप्त हो गया।पृष्ठभूमि छवियों में आने पर कितना बड़ा बड़ा है?

मैं उन सभी वेबसाइटों के लिए हूं जो उपयोगकर्ता के लिए त्वरित लोड करते हैं, लेकिन मुझे आश्चर्य है कि 60k से कम ठीक है या नहीं? मैंने इसे yslow फ़ायरफ़ॉक्स एक्सटेंशन पर चेक किया है और यह मेरे लिए 96 एमएस (थोड़ा खराब परीक्षण विषय - http://www.speedtest.net/result/1146275377.png)

60k बहुत अधिक है, क्या यह छवियों को केवल 10-20k रखने का सबसे अच्छा अभ्यास है? जब मैं एक छवि लोडिंग देखता हूं तो मुझे इससे नफरत है ... यह बस .. उस बिंदु पर ग्राफिक के लायक भी नहीं है। क्या उस आकार की छवि लोड करने के तेज तरीके हैं? सीएसएस या टैग? या मुझे इसके बारे में चिंता भी नहीं करनी चाहिए?

उत्तर

1

अधिकांश ब्राउज़र डिफ़ॉल्ट रूप से पृष्ठभूमि छवि को लोड करते हैं, इसलिए आपको कोई समस्या नहीं होनी चाहिए।

आपके होस्टिंग सेट अप पर कितना बड़ा निर्भर करता है, आपकी साइट की ट्रैफ़िक की मात्रा और आपके आगंतुकों की सामान्य स्थानांतरण दर पर निर्भर करता है।

60k मुझे एक औसत साइट के लिए उचित लगता है जिसमें बहुत से आगंतुक नहीं हैं। हालांकि, बैंडविड्थ पैसे खर्च करते हैं और यही कारण है कि आप शायद ही कभी बड़ी साइटों पर उस आकार की पृष्ठभूमि छवियों को देखते हैं। दूसरी ओर, यूट्यूब नियमित रूप से ऐसे वीडियो स्ट्रीम करता है जो आपके द्वारा प्रस्तावित पृष्ठभूमि छवि से हजारों गुना बड़ा होते हैं। आपकी साइट, इसके होस्टिंग समाधान और इसके उपयोग आंकड़ों के बारे में और जानने के बिना आपको सटीक सलाह देना असंभव है।

संभावना है, अगर आप यह सवाल पूछ रहे हैं, तो 60k बिल्कुल ठीक है।

आप गारंटी नहीं है कि अपनी पृष्ठभूमि छवि लोड प्रथम या अंतिम आप कर सकते हैं चाहते हैं:

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

प्लेस है कि शरीर टैग के ऊपर कोड पृष्ठभूमि छवि प्रीलोड करने की। इसे बाद में लोड करने के लिए अपने एचटीएमएल दस्तावेज़ में इसे कम रखें (उदाहरण के लिए पृष्ठभूमि को लोड करने के लिए </body> टैग के बाद)।

और फिर शरीर टैग में:

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

मुझे नहीं लगता कि 60k बहुत बड़ी है, हालांकि आप शायद अपनी संभावना उपयोगकर्ताओं को देखो और क्या उनके कनेक्शन की गति तरह होगा के बारे में सोचना चाहिए। यदि आप जितना संभव हो सके फ़ाइल आकार को कम करने और निचोड़ना चाहते हैं, तो smushing it भी आज़माएं और आप इसे थोड़ा और छोड़ दें।

+0

मैं इसके बारे में भूल गया! बहुत बहुत धन्यवाद, इसे 54.6k तक पहुंचा! – Phil

संबंधित मुद्दे