जब स्क्रीन मल्टी-पिक्सेल बन जाएगी तो हम कैसे टाइप करेंगे और पिक्सल मुश्किल से अलग-अलग होंगे

यह पोस्ट भविष्य में साइटों के लेआउट पर विशिष्ट निर्णयों के बारे में नहीं है, लेकिन हम कैसे रह सकते हैं, इस बारे में राय का संग्रह।

यह सवाल संयोग से पैदा नहीं हुआ। एक दिलचस्प परियोजना है, जिसके ग्राहक आईपैड और आईफ़ोन के प्रशंसक हैं। यह उनके लिए बहुत महत्वपूर्ण है कि साइट वहां और वहां दोनों जगह समान रूप से प्रदर्शित होती है। यानी स्क्रीन की चौड़ाई 800 से 2000 पिक्सल तक चौड़ी होती है।

हम डिजाइन में चित्रों के साथ क्या करते हैं?

हां, अब सभी ब्राउज़र अच्छी तरह से साइटों को स्केल करना सीख गए हैं। दबाया गया Ctrl, स्क्रॉल को और आपकी साइट को उस आकार में घुमाता है जो आपको सूट करता है। लेकिन अगर आप तीन में 80 पिक्सेल से रेखापुंज छवि को बढ़ाते हैं, तो इससे सुंदरता नहीं बढ़ेगी।

लेआउट डिजाइनरों के हमारे नियमित काम में हम पहले से ही इस तथ्य के आदी हैं कि हम पूरी तरह से पिक्सेल पर निर्भर हैं। हम सभी पिक्सेल में गिनती करते हैं। इससे कोई फर्क नहीं पड़ता कि हम चित्र कैसे एम्बेड करते हैं: पृष्ठभूमि में या Img टैग के साथ।

मैं 2 मूलभूत निर्णय देखता हूं:

1. एक विशिष्ट रिज़ॉल्यूशन के लिए विभिन्न फ़ाइलों का उपयोग करते हुए, जेएस स्क्रीन के आकार को निर्धारित करता है, एक विशिष्ट सीएसएस फ़ाइल प्रदान करता है, जो बदले में आवश्यक चित्रों को लोड करता है।

2. साइट के डिजाइन में वेक्टर ग्राफिक्स के लिए संक्रमण।

हम CSS फाइलों और चित्रों के कई सेटों का उपयोग करते हैं

सामान्य तौर पर, यह एक समाधान है। हम कुछ क्रमों का निर्धारण करते हैं, कहते हैं:
2,048-1,601 पिक्सेल
1,600-1,281 पिक्सेल
1,280-1,025 पिक्सेल
1,024-800 पिक्सेल।

शायद फोन के लिए भी कम रिज़ॉल्यूशन।

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

नुकसान: अतिरिक्त चित्र, अतिरिक्त सीएसएस फाइलें, विस्तारित लेआउट समय। वैसे, बदलाव करना भी चार गुना लंबा है।

वेक्टर ग्राफिक्स

मुख्य दोष: संस्करण 9 के नीचे IE के लिए समर्थन की कमी है। लेकिन, यह खामी दूर हो जाती है, हम भविष्य के बारे में बात कर रहे हैं।

दूसरा दोष: वेक्टर में फोटोरिअलिस्टिक चित्रों का अनुवाद करना सबसे अच्छा विकल्प नहीं हो सकता है। नहीं, अगर शुरू में साइट घटता है, तो कोई समस्या नहीं है। और अगर हमारे पास एक अच्छी फोटो है, या डिजाइनर विशेष रूप से फ़ोटोशॉप के साथ काम करते हैं, तो समस्याएं गंभीर हैं। सॉफ़्टवेयर रेंडरिंग अधिक वजन हो सकता है, और मैन्युअल रेंडरिंग ओवरकिल हो सकती है।

और पृष्ठभूमि में गर्म ट्यूब बनावट के साथ क्या करना है? क्या वे एक वेक्टर में भी अनुवाद करते हैं? और अगर रेखापुंज में छोड़ दिया जाता है, तो अलग-अलग स्क्रीन पर बनावट का पैमाना अलग होगा।

जवाब से ज्यादा सवाल।

मैं ईमानदारी से स्वीकार करता हूं कि मैं खुद भविष्य में अनिश्चित रूप से देखता हूं। हो सकता है कि समस्या आम तौर पर दूर की कौड़ी हो और कोई भी सैद्धांतिक बदलाव हमारा इंतजार नहीं करता हो।

मैं किसी भी टिप्पणी के लिए बहुत आभारी रहूंगा।

इस विषय पर हैबर विषय

अलविदा पिक्सेल
फ़ॉन्ट ज़ूम और लेआउट
सही रबर
कैसे सभी उपकरणों के लिए एक साइट बनाने के लिए (उत्तरदायी वेब डिजाइन)

इस पोस्ट-पोल को लिखने की इच्छा के बारे में बाद में आया:
फजी आइकॉन हमें बाहर पहनते हैं

और मुख्य प्रश्न: पिक्सेल कला के बारे में क्या?

मैं पिक्सेल ग्राफिक्स का एक बड़ा प्रशंसक हूं और बिना किसी अपवाद के सभी मॉनिटरों को 320 से 240 तक सामान्य संकल्प वापस करने की मांग करता हूं।