उदाहरण के लिए, एक 1x1 छवि 2x2 से तेज लोड होगी? आकार छोटा होगा, लेकिन ब्राउजर को दो गुना ज्यादा काम करना होगा, है ना?पृष्ठभूमि छवियों के लिए एक आदर्श आकार है?
तो, पृष्ठभूमि छवियों के लिए एक आदर्श आकार और आकार (वर्ग बनाम आयताकार) है?
मुझे पता है कि यह शायद बहुत महत्वपूर्ण नहीं है, लेकिन मुझे जानना रूचि है।
धन्यवाद
मुझे नहीं लगता कि अपनी छवि के लिए एक 'आदर्श' आकार वहाँ है।
हालांकि छवि की गुणवत्ता डाउनलोड समय में एक भूमिका होगी। एम्बेडेड समृद्ध रंगों वाली एक छवि एक ही आयाम के साथ दूसरे की तुलना में आकार में भारी होगी।
अंततः पृष्ठभूमि छवि की पसंद पूरी तरह से आपकी आवश्यकता पर निर्भर करती है। अगर आपको 2 * 2 छवि की आवश्यकता है तो आपको इसे शामिल करना होगा।
आप पृष्ठभूमि छवियों के बहुत सारे का उपयोग कर तो आप छवि अनुकूलन
के लिए
पर एक नज़र और कुछ उपकरण ले जा सकते हैं एक साइट के प्रदर्शन का अनुकूलन करने की जरूरत है मैंने देखा कि कई ब्राउज़रों में बहुत छोटी छवियां (जैसे 1 × 1 या 2 × 2) बहुत धीमी है। चूंकि अधिकांश संपीड़ित छवि प्रारूपों के साथ पुनरावृत्ति के साथ बड़े होने का लगभग कोई नकारात्मक पक्ष नहीं है, मुझे लगता है कि कम से कम छवियों के लिए आपको कम से कम 50 × 50 पिक्सेल के आसपास छवियों का चयन करना चाहिए ताकि UA में ड्राइंग जटिलता को कम किया जा सके।
दिलचस्प सवाल। आपको प्रत्येक ब्राउज़र विक्रेता से पूछना होगा, क्योंकि उनमें से प्रत्येक के पास छवियों को प्रस्तुत करने के विभिन्न तरीके हैं।
लेकिन हकीकत में, डाउनलोड समय को अनदेखा करने के समय में कोई अंतर नगण्य होगा, इसलिए यदि आप कर सकते हैं तो केवल एक छोटी छवि का उपयोग करना समझ में आता है।
मैं यह भी स्पष्ट करता हूं कि यदि आप 1x1 दोहराने वाली छवि का उपयोग कर रहे हैं तो आपको इसके बजाय पृष्ठभूमि रंग का उपयोग करना चाहिए।
के लिए धन्यवाद कुछ मामलों में आपको पृष्ठभूमि रंग की बजाय एक छवि की आवश्यकता हो सकती है, क्योंकि रंग हमेशा बिल्कुल समान नहीं होते हैं। – Guffa
गुफा: हालांकि छवियों के लिए समान है। और आदर्श रूप से प्रदर्शित रंग निर्धारित करने के लिए एल्गोरिदम ठोस रंगों और छवियों दोनों के लिए समान होना चाहिए। – Joey
आप अर्ध-पारदर्शी पीएनजी छवि – Eric
आदर्श आकार एक ब्राउज़र से दूसरे में, एक सिस्टम से दूसरे में भिन्न होगा।
इसे बहुत छोटा या बहुत बड़ा बनाने से बचें। एक पृष्ठभूमि छवि आकार 1x1 में कुछ ब्राउज़रों में प्रतिपादन समस्या हो सकती है। आपको कम से कम प्रत्येक आयाम में कुछ पिक्सल बनाना चाहिए।
मुझे याद है कि नेटस्केप 4 ने छवियों को दोहराने से इंकार कर दिया अगर वे दस पिक्सल चौड़े की तरह कुछ से कम थे। ब्राउज़र आज कम संवेदनशील हैं, लेकिन यह अभी भी छवियों को बहुत छोटा बनाने के लिए समझ में आता है।
छवियों का संपीड़न (कम से कम जीआईएफ और पीएनजी छवियों के लिए) पुनरावृत्ति पर आधारित होते हैं, इसलिए यदि आप इसे दोहराकर छवि को बड़ा बनाते हैं, तो अतिरिक्त छवि आकार फ़ाइल आकार में बहुत कम जोड़ देगा।
बस ध्यान दें: यदि आप डाउनलोड को तेज करने की कोशिश कर रहे हैं, तो 1x1 छवि बनाम डाउनलोड करने का ओवरहेड।, कहें, 10x10, नगण्य है, खासतौर पर संकुचित छवियों के लिए - क्लाइंट और सर्वर दोनों के लिए।
इसलिए, क्योंकि प्रतिपादन 10x10 के साथ निश्चित रूप से तेज़/बेहतर है, इसलिए बड़े आकार के आकार के लिए जाएं।
सीएसएस स्प्राइट्स साफ है ... लिंक – guerda