आईओएस उपकरणों पर रेटिना प्रदर्शित होने के बाद, इसे रिलीज़ होने में काफी समय हो गया है, लेकिन अभी भी बहुत सारी वेबसाइटें हैं जो रेटिना के लिए तैयार नहीं हैं, यहां तक कि डिज़ाइनर और डेवलपर्स ने पूरी तरह से उत्तरदायी, मोबाइल के तथ्यों पर ध्यान दिया है -प्यारी दुनिया
यहाँ आपको अपने काम को बढ़ाने के विकल्पों के बारे में जानने की आवश्यकता है जो तेजी से सामान्य रेटिना डिस्प्ले पर अपना सर्वश्रेष्ठ दिखता है। अच्छी खबर यह है कि जैसा कि कठिन लग रहा है, यह वास्तव में उतना जटिल नहीं है।
$config[code] not foundरेटिना-तैयार छवियों के लिए अपनी वेबसाइट की तैयारी
आपका मज़ा दोगुना
वास्तव में ऐसे कई तरीके हैं जिनसे आप इस बिल्ली को चमका सकते हैं, इसलिए बोलने के लिए। सबसे पहले, आपको अपने सीएसएस को थोड़ा तेज करना होगा और अपनी छवियों के संस्करणों को उनके सामान्य रिज़ॉल्यूशन से दोगुना करना होगा। सीएसएस यह निर्धारित करेगा कि आपकी साइट जिस डिवाइस पर देखी जा रही है, उसके आधार पर किस छवि को प्रदर्शित करना है।
सीएसएस अपडेट की आपको आवश्यकता होगी, आपके लक्षित ब्राउज़रों के आधार पर अलग-अलग होंगे, लेकिन अच्छी खबर यह है कि यह अब बहुत जटिल नहीं है, और आसान हो रहा है। हम वास्तविक कोडिंग को दूसरे दिन छोड़ देंगे।
एक बात ध्यान में रखें: आप अपनी रेटिना छवियों के लिए एक नामकरण सम्मेलन विकसित करना चाह सकते हैं ताकि आप किसी छवि के दो संस्करणों को आसानी से जोड़ सकें, अगर उन्हें बाद में संपादित करने की आवश्यकता हो।
एसवीजी
एक अन्य दृष्टिकोण एसवीजी, या स्केलेबल वेक्टर ग्राफिक्स है। जैसा कि नाम से प्रतीत होता है, ये वेक्टर ग्राफिक्स तक सीमित हैं और फोटोग्राफिक छवियों के साथ काम नहीं करते हैं, लेकिन एसवीजी ग्राफिक्स आपकी साइट पर प्रत्येक ग्राफिक के लिए दो छवि फ़ाइलों की आवश्यकता को समाप्त करते हैं। फिर, ब्राउज़र से ब्राउज़र तक भिन्नताएं होती हैं, इसलिए आप अपनी आवश्यकताओं के आधार पर अतिरिक्त शोध करना चाहते हैं।
और जैसा कि ऊपर उल्लेख किया गया है, एसवीजी संभवतः अधिकांश साइटों पर आपके एकमात्र समाधान के रूप में काम नहीं करने वाला है, जब तक कि साइट में कोई फोटो-प्रकार की छवियां नहीं होती हैं।
पाशविक बल
बेशक, आप केवल कम-रिज़ॉल्यूशन फ़ाइलों को डंप कर सकते हैं और केवल रेटिना-तैयार छवियों की सेवा कर सकते हैं। हम केवल बहुत ही निर्धारित दर्शकों के साथ उपयोग के लिए इसकी अनुशंसा करते हैं। यदि आप जानते हैं कि बैंडविड्थ कोई समस्या नहीं है, तो यह सही मार्ग हो सकता है, लेकिन यह निश्चित रूप से सर्वोत्तम अभ्यास नहीं है
अन्य कोडिंग समाधान
प्रयास और लालित्य स्पेक्ट्रम के दूसरे छोर पर कोडिंग विधियां हैं जो PHP और जावास्क्रिप्ट कोडिंग के साथ कुछ सर्वर-साइड परिवर्तनों (जैसे.htaccess फ़ाइल प्रविष्टियों) पर निर्भर करती हैं।
यह आपका सबसे अच्छा तरीका हो सकता है, हालांकि इसमें शामिल प्रयास छोटी परियोजनाओं के लिए इसके लायक नहीं हो सकता है।
कुल मिलाकर, आपके द्वारा लिया गया दृष्टिकोण आपके दर्शकों, आपकी साइट के दृश्यों की प्रकृति और आपकी विकास टीम की तकनीकी विशेषज्ञता के स्तर पर निर्भर करेगा। बस हर स्थिति के बारे में एक अच्छा समाधान है। एकमात्र बुरा समाधान रेटिना डिस्प्ले को पूरी तरह से अनदेखा कर रहा है।
शटरस्टॉक के माध्यम से NASDAQ फोटो
