सीएसएस छवियों के लिए स्प्राइट ऊंचाई सीमा?

Question

मैं एक स्प्राइट बना रहा हूं और इसकी ऊंचाई 4000px तक पहुंच रहा है। क्या ग्राफिक्स डिज़ाइन समुदाय के भीतर उपयोग की जाने वाली अधिकतम स्प्राइट ऊंचाई के लिए कोई सामान्य आकार है?

Answer 1

ब्राउज़र को पूरी छवि में डिकंप्रेस (और स्मृति में रखना) होगा, भले ही आप केवल इसमें बहुत कम sprites का उपयोग करें, और यहां तक ​​कि यदि अधिकांश छवि खाली/सफेद है। डेस्कटॉप क्लाइंट के लिए आपने बहुत अधिक स्मृति का उपयोग करके एक अच्छा नागरिक बनने के अवसर को याद किया है (और ब्राउज़र पहले से ही बहुत मेमोरी चूस रहा है)। कुछ मोबाइल क्लाइंट के लिए (उदा। Degzipping के बाद 25k से अधिक फ़ाइलों के लिए आईफोन), यह अधिक समस्याग्रस्त हो सकता है, छवि बिल्कुल कैश नहीं की जाएगी, इस प्रकार 2 फाइलें < 25k और दो से अधिक HTTP अनुरोध होना बेहतर हो सकता है > 25k फ़ाइल और एक अनुरोध कभी कैश नहीं किया गया।

अंतिम समस्या, पीएनजी संपीड़न लाइन-आधारित है, लंबी छवियों की तुलना में विस्तृत छवियों में कम ओवरहेड है (हालांकि कुछ मामले में बहुत व्यापक सैद्धांतिक रूप से खराब हो सकता है, क्योंकि आपके पास प्रति पंक्ति केवल एक पूर्वानुमान फ़िल्टर प्रकार हो सकता है)।

ओह और भी, बहुत अधिक spriting के साथ, आप एक ही छवि में बहुत अलग रंग के साथ खत्म हो सकता है, और सभ्य पैलेट छवि के लिए अवसर याद आती है। इस के सभी संयोजनों का परीक्षण करना कठिन है, लेकिन यदि आप कर सकते हैं, तो ग्रैडिएंट के मुख्य रंगों से अपने sprites को समूहित करना एक अच्छा ह्युरिस्टिक है (क्योंकि ग्रेडियेंट/धुंध के कई अलग-अलग रंगों की आवश्यकता होती है)।

Answer 2

मुझे नहीं लगता कि स्प्राइट शारीरिक रूप से (चौड़ाई x ऊंचाई) कितना बड़ा होना चाहिए, बल्कि स्प्राइट फ़ाइल का आकार कितना बड़ा है और खुद को सवाल पूछें कि क्या यह स्प्राइट को कई sprites में विभाजित करने लायक होगा ।

अक्सर हम रंगों के आधार पर हमारे sprites विभाजित करते हैं तो sprites जो मुख्य रूप से नीले या लाल या पीले होते हैं। इस तरह हम छवि फ़ाइल आकार को