इमेज अपलोड करना

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

अपने ऑनलाइन स्टोर में इमेज को ठीक वैसा दिखाने के लिए जैसा आप चाहते हैं, आपको सही इमेज एस्पेक्ट रेशियो का इस्तेमाल करना होगा। इमेज, Shopify कंटेंट डिलीवरी नेटवर्क (CDN) के साथ आपके स्टोरफ़्रंट के लिए अपने-आप ऑप्टिमाइज़ हो जाती हैं।

थीम एडिटर में इमेज अपलोड करें

आप थीम एडिटर में अपनी थीम में इमेज जोड़ सकते हैं। आप अपने Shopify एडमिन के काॅन्टेंट > फ़ाइल सेक्शन में भी इमेज अपलोड कर सकते हैं। ज़्यादा जानने के लिए, फ़ाइल अपलोड करना और मैनेज करना देखें।

चरण:

मेटाफ़ील्ड का उपयोग करके इमेज जोड़ना

अगर आपने अपनी इमेज के लिए मेटाफ़ील्ड्स सेटअप किए हैं, तो आप अपने ऑनलाइन स्टोर में इमेज जोड़ने के लिए डायनामिक सोर्स पिकर का उपयोग कर सकते हैं। मेटाफ़ील्ड्स और समर्थित इमेज फ़ॉर्मेट के बारे में ज़्यादा जानकारी के लिए, मेटाफ़ील्ड में मान जोड़ना देखें।

इमेज पर फ़ोकल पॉइंट सेट करना

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

आप हर इमेज के लिए सिर्फ़ एक फ़ोकल पॉइंट रख सकते हैं, लेकिन आप किसी भी समय फ़ोकल पॉइंट बदल सकते हैं या उसे हटा सकते हैं।

Shopify की मुफ़्त थीम के साथ फ़ोकल पॉइंट की संगतता

आप Shopify की मुफ़्त थीम के निम्नलिखित संस्करणों पर एक फ़ोकल पॉइंट सेट कर सकते हैं:

• Horizon फ़ैमिली की सभी थीम
• Colorblock संस्करण 3.0.0 और उससे नया
• Craft संस्करण 5.0.0 और उससे नया
• Crave संस्करण 5.0.0 और उससे नया
• Dawn संस्करण 7.0.0 और उससे नया
• Origin संस्करण 1.0.0 और उससे नया
• Publisher संस्करण 1.0.0 और उससे नया
• Refresh वर्जन 2.0.0 और इससे ऊपर
• Ride संस्करण 3.0.0 और उससे नया
• Rise संस्करण 1.0.0 और उससे नया
• Sense संस्करण 5.0.0 और उससे नया
• Spotlight संस्करण 0.0.1 और उससे नया
• Studio संस्करण 4.0.0 और उससे नया
• Taste संस्करण 4.0.0 और उससे नया
• Trade संस्करण 1.0.0 और उससे नया

अगर आप किसी थर्ड-पार्टी थीम का उपयोग करते हैं, तो यह पता करने के लिए कि आपकी थीम फ़ोकल पॉइंट का उपयोग करने की सुविधा देती है या नहीं, अपनी थीम का दस्तावेज़ देखें।

किसी इमेज में फ़ोकल पॉइंट जोड़ें

अगर आप किसी इमेज में कोई फ़ोकल पॉइंट जोड़ते हैं और फिर उस इमेज का उपयोग अपने ऑनलाइन स्टोर पर कई जगहों पर करते हैं, तो वही फ़ोकल पॉइंट हर जगह लागू होता है जहां आप इमेज का उपयोग करते हैं।

आपकी थीम जिस तरह से आपकी इमेज को क्रॉप और रीसाइज़ करती है, उसके आधार पर हो सकता है कि फ़ोकल पॉइंट हमेशा विज़ुअली केंद्रित न हो।

चरण:

1. अपने Shopify एडमिन में निम्नलिखित में से किसी भी लोकेशन से एक इमेज पर क्लिक करें:
   • कॉन्टेंट > फ़ाइलें सेक्शन में.
   • थीम एडिटर में.
   • प्रोडक्ट सेक्शन में आपकी उत्पाद लिस्टिंग के मीडिया सेक्शन में.
   • Shopify Messaging ईमेल एडिटर में.
   • इमेज जोड़ने के लिए फ़ाइल संदर्भ प्रकार के मेटाफ़ील्ड वाले किसी भी संसाधन के मेटाफ़ील्ड्स सेक्शन में.
2. इमेज का वह हिस्सा चुनने के लिए जहां आप फ़ोकल पॉइंट सेट करना चाहते हैं, या तो इमेज पर क्लिक करें या नीले बिंदु को खींचें.
3. सेव करें पर क्लिक करें.

इमेज से फ़ोकल पॉइंट हटाएं

चरण:

1. अपने Shopify एडमिन में निम्नलिखित में से किसी भी लोकेशन से एक इमेज पर क्लिक करें:
   • कॉन्टेंट > फ़ाइलें सेक्शन में.
   • थीम एडिटर में.
   • प्रोडक्ट सेक्शन में आपकी उत्पाद लिस्टिंग के मीडिया सेक्शन में.
   • Shopify Messaging ईमेल एडिटर में.
   • इमेज जोड़ने के लिए फ़ाइल संदर्भ प्रकार के मेटाफ़ील्ड वाले किसी भी संसाधन के मेटाफ़ील्ड्स सेक्शन में.
2. हटाएं पर क्लिक करें.
3. नए के रूप में सेव करें पर क्लिक करें.

इमेज फ़ॉर्मेट

निम्नलिखित इमेज फ़ॉर्मेट समर्थित हैं:

• JPEG
• प्रोग्रेसिव JPEG
• PNG
• GIF
• HEIC
• WebP

JPEG इमेज का उपयोग करना

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

• प्रोडक्ट
• बैनर या स्लाइड शो
• पेज और ब्लॉग पोस्ट

PNG इमेज का उपयोग करना

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

• लोगो
• आइकन
• बॉर्डर और ट्रिम

इमेज को अपने-आप कंप्रेस करना और फ़ॉर्मैट चुनना

जब आप Shopify एडमिन में इमेज अपलोड करते हैं, तो उन्हें कंप्रेस नहीं किया जाता है, जिससे उनकी मूल क्वालिटी बनाए रखने में मदद मिलती है। हालांकि, आपके ग्राहकों के लिए पेज के लोडिंग समय को तेज़ रखने के लिए, ये चीज़ें हो सकती हैं:

• जब इमेज को आपकी स्टोर थीम के माध्यम से सर्व किया जाता है, तो उच्च-गुणवत्ता वाली इमेज के लिए उन्हें कंप्रेस किया जा सकता है
• Shopify, आपकी इमेज डिलीवर करते समय उपयोग करने के लिए सबसे अच्छा संभावित फ़ाइल फ़ॉर्मैट अपने-आप निर्धारित करता है
• जब किसी ग्राहक का वेब ब्राउज़र WebP और AVIF (AV1 इमेज फ़ाइल फ़ॉर्मैट) जैसे आधुनिक इमेज फ़ॉर्मैट को सपोर्ट करता है, तो आपकी इमेज उन फ़ॉर्मैट में डिलीवर की जाती हैं
• फ़ाइल का साइज़ कम करके परफ़ॉर्मेंस को बेहतर बनाने के लिए, GIF को ऐनिमेटेड WebP फ़ॉर्मैट में अपने-आप बदल दिया जाता है

सबसे अच्छी इमेज क्वालिटी के लिए, इन कार्रवाइयों पर विचार करें:

• 5000px x 5000px या 25 मेगापिक्सेल तक की उच्च रिज़ॉल्यूशन वाली इमेज अपलोड करें
• लाइन ड्रॉइंग, टेक्स्ट और पारदर्शिता वाले आइकॉनिक ग्राफ़िक के लिए, PNG जैसे कम लॉस वाले इमेज प्रकार चुनें
• प्रोडक्ट इमेज या स्लाइड शो के लिए JPEG का उपयोग करें
• SVG फ़ाइल सपोर्ट की जाती हैं लेकिन उनकी कुछ सीमाएं होती हैं - उन्हें रैस्टराइज़्ड फ़ॉर्मैट (JPEG, WebP, PNG) का अनुरोध किए बिना बदला (साइज़ बदलना, क्रॉप करना आदि) नहीं जा सकता

अन्य फ़ाइल प्रकार जैसे PSD (Photoshop दस्तावेज़), TIFF (टैग की गई इमेज फ़ाइल फ़ॉर्मैट), और BMP (बिटमैप) स्वीकार किए जाते हैं, लेकिन अपलोड करने पर उन्हें JPEG/PNG में बदल दिया जाएगा।

इमेज अपलोड करने की सीमाएं

Shopify पर इमेज अपलोड करने के लिए, मेगापिक्सेल (MP) और फ़ाइल साइज़ दोनों के मामले में प्रतिबंध हैं, जिसे मेगाबाइट (MB) में मापा जाता है। मेगापिक्सेल का उपयोग यह बताने के लिए किया जाता है कि एक इमेज कितने मिलियन पिक्सेल से बनी है। मेगाबाइट का उपयोग यह बताने के लिए किया जाता है कि एक इमेज कितनी मिलियन बाइट मेमोरी या डिस्क स्पेस लेती है।

Shopify पर अपलोड की गई इमेज, नीचे दी गई किसी भी सीमा से ज़्यादा नहीं हो सकती हैं:

• 20 मेगापिक्सेल
• 20 मेगाबाइट

अपनी इमेज का मेगापिक्सेल मान पता करने के लिए, आप इस समीकरण का उपयोग कर सकते हैं:

(पिक्सेल चौड़ाई x पिक्सेल ऊंचाई)/1,000,000

उदाहरण के लिए, 4900 px गुणा 6930 px के रिज़ॉल्यूशन वाली इमेज, समीकरण के आधार पर 33.9 मेगापिक्सेल की होती है: (4900x6930)/1,000,000 = 33.9 MP।

इमेज कलर प्रोफ़ाइल

जब आप अपने ऑनलाइन स्टोर पर कोई इमेज देखते हैं, तो इमेज के रंग Shopify पर अपलोड की गई मूल इमेज के रंगों से अलग दिख सकते हैं। ऐसा तब हो सकता है, जब किसी इमेज में कलर प्रोफ़ाइल हो, जो .ICC या .ICM एक्सटेंशन वाली फ़ाइल में संग्रहीत डेटा का एक सेट है।

कलर प्रोफ़ाइल अक्सर इमेज में अंतर्निहित होती हैं, ताकि अलग-अलग डिवाइस पर रंगों के प्रदर्शन के तरीके को मानकीकृत करने में मदद मिल सके। जब इमेज आपके ऑनलाइन स्टोर पर दिखाई जाती हैं, तो उनकी कलर प्रोफ़ाइल हटा दी जाती हैं।

कलर प्रोफ़ाइल इन वजहों से हटा दी जाती हैं:

• सभी डिवाइस .ICC या .ICM कलर प्रोफ़ाइल को पढ़ नहीं सकते हैं, इसलिए उन्हें बरकरार रखने से अलग-अलग डिवाइस पर इमेज के रंगों में असंगतता आ सकती है।
• जब अपलोड की गई इमेज में कलर प्रोफ़ाइल शामिल नहीं होती है, तो वेब ब्राउज़र द्वारा sRGB मान लिया जाता है, जो वेब पर इमेज प्रदर्शित करने के लिए उपयोग की जाने वाली सबसे आम कलर प्रोफ़ाइल है। इससे यह पक्का होता है कि आपकी इमेज सभी प्रमुख वेब ब्राउज़र और डिवाइस पर एक जैसी दिखाई दें।
• कलर प्रोफ़ाइल में बड़ी मात्रा में डिस्क स्पेस लग सकता है, जिसके कारण पेज के लोडिंग का समय लंबा हो सकता है।

इमेज से कलर प्रोफ़ाइल हटाएं

आप Shopify पर अपलोड करने से पहले, अपनी इमेज को कलर प्रोफ़ाइल के बिना सेव करके उससे कलर प्रोफ़ाइल हटा सकते हैं। यह प्रक्रिया आपके इमेज एडिटिंग प्रोग्राम के आधार पर अलग-अलग होती है।

कलर प्रोफ़ाइल असाइन करने या हटाने (Illustrator, Photoshop) और कलर प्रोफ़ाइल असाइन करने या हटाने (InDesign) के तरीके के बारे में Adobe का दस्तावेज़ देखें।

स्लाइड शो, इमेज बैनर और पूरी-चौड़ाई वाली इमेज के लिए सर्वोत्तम कार्यप्रणालियां

कई Shopify थीम में बड़ी इमेज या स्लाइड शो होते हैं जो आपके ब्राउज़र की ऊंचाई के अनुसार स्केल होते हैं या आपके स्क्रीन के साइज़ के अनुसार अनुकूलित होते हैं।

अगर आप इनमें से किसी एक थीम का उपयोग करते हैं या आपके पास कोई बड़ा स्लाइड शो या बैकग्राउंड इमेज है, तो आपको यह समझना होगा कि किस प्रकार की इमेज सबसे अच्छी दिखती हैं।

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

स्लाइड शो या इमेज बैनर के लिए इमेज का उपयोग करने से जुड़ी ध्यान देने वाली बातें

यह पक्का करने के लिए कि आपकी इमेज आपकी थीम के साथ अच्छी तरह से काम करें, नीचे दी गई बातों को ध्यान में रखें:

• स्लाइड शो या बैकग्राउंड के लिए उपयोग की जाने वाली इमेज में टेक्स्ट नहीं होना चाहिए। अगर टेक्स्ट इमेज का ही एक हिस्सा है, तो आपकी थीम के आधार पर उसे इधर-उधर किया जा सकता है, क्रॉप किया जा सकता है या समायोजित किया जा सकता है। अपने स्लाइड शो और बैकग्राउंड में टेक्स्ट और लिंक जोड़ने के लिए थीम एडिटर का उपयोग करें।

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

लंबी स्क्रीन पर चौड़ी इमेज

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

चौड़ी स्क्रीन पर लंबी इमेज

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

इमेज लोड होने का व्यवहार

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

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

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

इमेज संबंधी समस्याओं का निवारण.