उत्तरदायी वेबसाइट आपके व्यवसाय के लिए महत्वपूर्ण हैं। उत्तरदायी होने के नाते सभी प्रमुख उपकरणों पर अपने ब्रांड और वेबसाइट के साथ निरंतरता रखने का एक आसान तरीका प्रदान करता है और आपको उत्तरदायी वेबसाइटों के लिए बैनर को ठीक से चुनना होगा। कभी स्क्रीन पर एक गड़बड़ गड़बड़ खोजने के लिए अपने फोन के साथ एक वेबसाइट लोड करने की कोशिश की? ऐसा तब होता है जब कोई साइट उत्तरदायी नहीं होती- या मोबाइल के अनुकूल।

छवियां उत्तरदायी वेबसाइटों के विशेष रूप से बैनर / पूरी चौड़ाई वाली छवियों के सबसे निराशाजनक पहलुओं में से एक हैं। ये तोड़ने की संभावना सबसे अधिक है या स्क्रीन पर सही तरीके से दिखाई नहीं देते। ये क्यों हो रहा है? इसे समझने के लिए, हम आपकी वेबसाइट के उत्तरदायित्व के लिए इसका क्या मतलब बताएंगे। (अधिक के लिए, देखें: यह एक महान सलाहकार साइट है जैसा दिखता है। )

उत्तरदायी होने की कुंजी

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

सलाहकार वेबसाइट्स के साथ उत्तरदायी छवियों के लिए बैनर चुनते समय मैंने आपके लिए कुछ सर्वश्रेष्ठ प्रथाएं प्रदान की हैं I

उत्तरदायी वेबसाइटों के लिए बैनर कैसे चुनें

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

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

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

एक फोकस के साथ एक छवि का चयन मान लें कि आप एक व्यक्ति की तस्वीर या अपनी वेबसाइट पर ऑब्जेक्ट फोकस के रूप में चाहते हैं। फ़ोकस के साथ फ़ोटो का उपयोग करते समय, छवि के केंद्र में मुख्य फ़ोकस रखने के लिए बहुत महत्वपूर्ण है। चूंकि संवेदनशील बैनर छवियाँ क्षैतिज रूप से सिकुड़ते हैं, इसलिए हम छवियों के बहुत सारे पक्ष (सफेद स्थान) खो देते हैं। (संबंधित पढ़ने के लिए, देखें: यह वन थिंग आपकी सलाहकार फर्म की वेबसाइट को बर्बाद कर सकता है )

उदाहरणों में, आप रॉक देख सकते हैं और व्यक्ति छवि के बीच में हैं यह एक साफ, पुनःआकारित छवि के लिए अनुमति देता है

सबसे ऊपर, आपकी छवियों का परीक्षण करें अपनी छवियों का परीक्षण करने का सबसे अच्छा तरीका यह है कि वे आपकी वेबसाइट पर आज़माएं। टेस्टिंग छवियों से आपको यह भी समझने में सहायता मिलेगी कि किस प्रकार की फ़ोटो काम करती हैं और काम नहीं करती हैं। आप इसे स्वयं की कोशिश कर सकते हैं या हमारे भयानक समर्थन टीम के साथ काम कर सकते हैं। (संबंधित पढ़ने के लिए, देखें: आपकी वेबसाइट की सामग्री ग्राहकों को कैसे आकर्षित कर सकती है। )

- यह लेख शाहीन महाणी द्वारा लिखा गया था और पहले सलाहकार वेबसाइट्स पर दिखाई दिया।