अपने बनें विषय की छवि आकार दिशानिर्देश

हम जानते हैं कि आप अपनी वेबसाइट पर बेहतरीन छवियाँ प्रदर्शित करना चाहते हैं। यह लेख आपको अपनी साइट पर बेहतरीन तरीके से प्रदर्शित करने के लिए छवि आकारों के बारे में दिशा-निर्देश दिखाएगा।

इस पृष्ठ पर

विभिन्न अनुभागों और ब्लॉकों के लिए छवि आकार

बी योर्स थीम पर, हम आपको निम्नलिखित तरीके से विभिन्न अनुभागों पर विशेष छवि आकार लागू करने की सलाह देते हैं:

  1. बंडल उत्पाद : 1000 x 1100 पिक्सेल.
  2. ब्लॉग पोस्ट विशेष रुप से प्रदर्शित छवि :

    आप सबसे अच्छा लुक पाने के लिए स्क्वायर, वाइड या लैंडस्केप अनुपात वाली इमेज चुन सकते हैं। इन मामलों में अनुशंसित आकार ये हैं:

    • वर्ग: कम से कम 2000 x 2000 पिक्सेल
    • लैंडस्केप: कम से कम 2400 x 1600 पिक्सेल
    • चौड़ाई: कम से कम 2400 x 1350 पिक्सेल

    ब्लॉग पोस्ट की फ़ीचर्ड इमेज सेट करने के लिए, आप अपने Shopify एडमिन डैशबोर्ड में ऑनलाइन स्टोर > ब्लॉग पोस्ट पर जाएँ। फिर पोस्ट पर क्लिक करें और इमेज जोड़ने के लिए दाएँ हाथ के कॉलम में फ़ीचर्ड इमेज बॉक्स ढूँढ़ें।

    आपकी वेबसाइट पर, ब्लॉग पोस्ट की विशेष छवि दो स्थानों पर प्रदर्शित होती है, जिसमें ब्लॉग पृष्ठ पर पोस्ट थंबनेल छवि और पोस्ट पृष्ठ पर शीर्ष बैनर शामिल होता है।

    • पोस्ट की थम्बनेल छवि:

    • पोस्ट का शीर्ष बैनर:

  3. संग्रह विशेष रुप से प्रदर्शित छवि :

    अनुशंसित छवि पिक्सेल-आकार ब्लॉग पोस्ट की विशेष छवि के समान हैं।

    कलेक्शन की फ़ीचर्ड इमेज सेट करने के लिए, आप अपने Shopify एडमिन डैशबोर्ड में उत्पाद > कलेक्शन पर जाएँ। फिर कलेक्शन पर क्लिक करें और इमेज जोड़ने के लिए दाएँ हाथ के कॉलम में कलेक्शन इमेज बॉक्स ढूँढ़ें।

  4. छवि तुलना : 1920 x 960 पिक्सेल.
  5. पाठ ओवरले के साथ छवि : 1920 x 1280 पिक्सेल.
  6. पाठ के साथ स्तरित छवियाँ : 1000 x 1100 पिक्सेल.
  7. लुकबुक : 1500 x 750 पिक्सेल.
  8. मेगा मेनू (हेडर अनुभाग) में प्रमोशन छवि :

    अनुशंसित आकार आपके द्वारा चुने गए छवि अनुपात पर निर्भर करता है, जैसे:

    • वर्ग: कम से कम 2000 x 2000 पिक्सेल
    • पोर्ट्रेट: कम से कम 2000 x 2500 पिक्सेल
    • लैंडस्केप: कम से कम 2400 x 1600 पिक्सेल
    • चौड़ाई: कम से कम 2400 x 1350 पिक्सेल
  9. बैनर प्रकट करें : 1920 x 1280 पिक्सेल.
  10. शॉप लुक : 1000 x 1000 पिक्सल.
  11. स्लाइड शो : 2048 x 1365 पिक्सेल.

    स्लाइड शो के लिए, हम दृढ़ता से अनुशंसा करते हैं कि आप डेस्कटॉप और मोबाइल संस्करणों के लिए अलग-अलग छवियां डालें ताकि विभिन्न उपकरणों पर सर्वोत्तम छवि प्रतिनिधित्व हो सके।

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

      • डिजाइनिंग या फोटोग्राफी करते समय सबसे सम्मोहक और प्रासंगिक भागों को छवि के केंद्र में रखने का प्रयास करें।
      • या, आप स्लाइड शो > डेस्कटॉप ऊंचाई या स्लाइड शो > मोबाइल लेआउट > मोबाइल ऊंचाई ड्रॉपडाउन सूची में पहली छवि के लिए अनुकूलन विकल्प चुनकर डेस्कटॉप या मोबाइल पर लोड करते समय मूल छवि ही बनाए रख सकते हैं।
  12. टैब कोलाज : 1200 x 1200 पिक्सेल.
  13. स्लाइड शो
    • डेस्कटॉप: 1920 x 1280 पिक्सेल.

    • मोबाइल: 1028 x 1540 पिक्सेल.

उत्पादों के लिए छवि आकार

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

हम इन छवि अनुपातों के आधार पर उत्पाद छवि आकार की अनुशंसा इस प्रकार करते हैं:

  • वर्गाकार : कम से कम 2000 x 2000 पिक्सेल
  • पोर्ट्रेट : कम से कम 2000 x 2500 पिक्सेल
  • लैंडस्केप : कम से कम 2400 x 1600 पिक्सेल
  • चौड़ाई : कम से कम 2400 x 1350 पिक्सेल

Be Yours थीम पर उपयोग किए जाने वाले सर्वोत्तम छवि आकारों के लिए हमारी यही सभी सिफारिशें हैं।

यह भी ध्यान रखना ज़रूरी है कि आपको एक ही सेक्शन के अंतर्गत समान ब्लॉक में मौजूद इमेज के लिए एक जैसा आकार लागू करना चाहिए। उदाहरण के लिए, आप 4 इमेज वाला स्लाइड शो सेक्शन जोड़ते हैं, इसलिए सुनिश्चित करें कि इन चारों इमेज का आकार एक जैसा हो।

हमें उम्मीद है कि यह लेख आपके लिए मददगार साबित होगा! अगर आपको इस सुविधा के बारे में कोई चिंता है, तो आगे की सहायता के लिए हमारी टीम से संपर्क करने में संकोच न करें।