Chrome वेब स्टोर में इस्तेमाल किए जाने के लिए, आपको कई तरह की इमेज देनी होंगी:
सिर्फ़ एक्सटेंशन आइकॉन, छोटी प्रमोशन वाली इमेज, और स्क्रीनशॉट ज़रूरी है. हालांकि, ज़रूरी और वैकल्पिक, दोनों तरह की इमेज के आकर्षक वर्शन देने पर, आपके एक्सटेंशन पर ध्यान दिए जाने की संभावना बढ़ जाती है. उदाहरण के लिए, आपका एक्सटेंशन मार्की में तब तक नहीं दिखाया जा सकता, जब तक कि आप एक मार्की प्रमोशन इमेज न दें.
इमेज और लिस्टिंग की अन्य जानकारी के लिए हमारे सबसे सही तरीके अपनाएं. ऐसा करके, 'Chrome वेब स्टोर' में अपने आइटम की परफ़ॉर्मेंस को बेहतर बनाया जा सकता है. इन सबसे सही तरीकों के बारे में ज़्यादा जानने के लिए, बेहतरीन लिस्टिंग पेज बनाना देखें.
एक्सटेंशन का आइकॉन
आपको अपने एक्सटेंशन की ZIP फ़ाइल में 128x128-पिक्सल की एक्सटेंशन आइकॉन इमेज देनी होगी. इमेज के लिए कुछ ज़रूरी शर्तें:
- आइकॉन का असल साइज़, 96x96 (स्क्वेयर आइकॉन के लिए) होना चाहिए. हर साइड पर 16 पिक्सल और पारदर्शी पैडिंग (जगह) होनी चाहिए. साथ ही, इमेज का कुल साइज़ 128x128 होना चाहिए. ज़्यादा जानकारी के लिए, आइकॉन साइज़ देखें.
- इमेज PNG फ़ॉर्मैट में होनी चाहिए.
- इमेज को हल्के और गहरे रंग, दोनों तरह के बैकग्राउंड पर अच्छी तरह से काम करना चाहिए.
आइकॉन डिज़ाइन करते समय, इन बातों का ध्यान रखें:
- 128x128 की इमेज के चारों ओर किनारे न रखें; यूज़र इंटरफ़ेस (यूआई) इसमें किनारे जोड़ने की सुविधा हो सकती है.
- अगर आपका आइकॉन ज़्यादातर गहरे रंग का है, तो हल्के सफ़ेद रंग की आउटर ग्लो जोड़ें, ताकि यह गहरे रंग वाले बैकग्राउंड में अच्छा दिखे.
- बड़े ड्रॉप शैडो का इस्तेमाल करने से बचें. ऐसा करने पर, यूज़र इंटरफ़ेस (यूआई) शैडो जोड़ सकता है. कंट्रास्ट के लिए छोटे शैडो का इस्तेमाल किया जा सकता है.
- अगर आइकॉन के सबसे नीचे बेवेल है, तो हमारा सुझाव है कि 4 पिक्सल की गहराई रखें.
- पहले से मौजूद नज़रिया रखने के बजाय, आइकॉन को दर्शक के सामने लाएं. ज़्यादा जानकारी के लिए Perspective देखें.
यहां कुछ आइकॉन दिए गए हैं जो इन दिशा-निर्देशों का पालन करते हैं.
![]() |
![]() |
![]() |
आइकॉन का साइज़
सभी एक्सटेंशन आइकॉन का विज़ुअल वेट एक जैसा होना चाहिए, जो करीब-करीब एक ही जगह ले रहा हो. जैसा कि नीचे दी गई इमेज में दिखाया गया है, जब उपलब्ध एरिया को भरने के लिए किसी आइकॉन का साइज़ बदला जाता है, तब दूसरे शेप वाले आइकॉन की तुलना में, स्क्वेयर और गोल आइकॉन ज़रूरत से काफ़ी बड़े होते हैं.
आइकॉन के साइज़ को सामान्य करने से, जैसा कि अगले डायग्राम में दिखाया गया है, आइकॉन को करीब एक जैसा स्पेस और विज़ुअल वज़न मिलता है.
इन टेंप्लेट इमेज का इस्तेमाल करके यह तय किया जा सकता है कि आपकी इमेज का आर्टवर्क कितना बड़ा होना चाहिए. टेंप्लेट, स्क्वेयर और सर्कल के लिए सही साइज़ दिखाते हैं. हालांकि, ये सिर्फ़ गाइड होते हैं. नुकीले बिट वाले आइकॉन, इन जगहों के बाहर दिख सकते हैं. अगर अनियमित आकार का आइकॉन बहुत कम जगह घेरता है और ज़्यादातर जगह नेगेटिव है, तो 128x128 के पूरे हिस्से का इस्तेमाल करना सही होगा.
![]() |
![]() |
![]() |
आर्टवर्क के साइज़ के लिए, कुछ बुनियादी नियम दिए जा सकते हैं. स्क्वेयर आइकॉन के लिए, आर्टवर्क का साइज़ 96x96 पिक्सल में रखें. स्क्वॉश वाले अन्य आइकॉन के लिए, आर्टवर्क की चौड़ाई को इमेज की कुल चौड़ाई का 75 से 80% के बीच रखें. गोल आइकॉन का व्यास करीब 112 पिक्सल या इमेज की चौड़ाई का 85% से 90% होना चाहिए. अनियमित आकार वाले आइकॉन के वज़न एक जैसे होने चाहिए.
नीचे दिए गए डायग्राम में, स्क्वेयर और गोल आइकॉन दिखाए गए हैं, जिनकी तुलना टेंप्लेट से की गई है.
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
यहां अनियमित आकार के आइकॉन का एक उदाहरण दिया गया है. इस मामले में, आइकॉन न तो स्क्वेयर और न ही सर्कुलर दिशा-निर्देशों का पालन करता है, बल्कि वह उन दोनों के करीब फ़िट हो जाता है.
![]() |
![]() |
![]() |
आपके सामने की दिशा
ज़रूरत के हिसाब से बदलाव करने और एक जैसा अनुभव देने के लिए, एक्सटेंशन आइकॉन सामने की ओर होने चाहिए. वीडियो में लोगों की दिलचस्पी का पता लगाने के लिए, नज़रिए में किए गए मामूली बदलाव ठीक हैं, लेकिन ड्रामा के मामले में ऐसा करने से बचें.
अच्छे आइकॉन (सामने वाले) | खराब आइकॉन (बहुत ज़्यादा नया नज़रिया) |
---|---|
![]() |
![]() |
![]() |
![]() |
प्रमोशन के लिए इमेज
आपको 440x280 पिक्सल की एक छोटी प्रमोशन इमेज देनी होगी. इसके अलावा, ऐसी अन्य इमेज भी दी जा सकती हैं जिनका इस्तेमाल स्टोर, एक्सटेंशन को प्रमोट करने के लिए कर सके.
ध्यान दें: अगर आपकी इमेज Google ब्रैंड के बारे में हैं, तो ब्रैंडिंग दिशा-निर्देशों का पालन करें.
हालांकि, प्रमोशन के लिए सिर्फ़ एक छोटी इमेज की ज़रूरत होती है, लेकिन अगर आपको अपने एक्सटेंशन को 'Chrome वेब स्टोर' पर ज़्यादा प्रमुखता से दिखाना है, तो बड़ी प्रमोशन वाली इमेज भी दी जा सकती है. इनमें से हर एक विकल्प की जानकारी दी जा सकती है:
- छोटा: 440x280 पिक्सल (ज़रूरी है)
- मार्की: 1400x560 पिक्सल
प्रमोशन वाली इमेज से, आपको उपयोगकर्ताओं का ध्यान खींचने और ज़्यादा जानने के लिए लुभाने का मौका मिलता है. सिर्फ़ स्क्रीनशॉट का इस्तेमाल न करें, क्योंकि इमेज में मुख्य रूप से ब्रैंड के बारे में जानकारी होनी चाहिए. यहां इमेज को डिज़ाइन करने के लिए, थंब के कुछ नियम दिए गए हैं:
- टेक्स्ट से बचें.
- पक्का करें कि आपकी इमेज, आधे आकार तक छोटी होने पर भी काम करती हो.
- मान लें कि इमेज हल्के स्लेटी रंग के बैकग्राउंड पर होगी.
- अगर हो सके, तो गहरे और फीके रंगों का इस्तेमाल करें. ये ज़्यादा सही तरीके से काम करते हैं.
- बहुत ज़्यादा सफ़ेद और हल्के स्लेटी रंग का इस्तेमाल करने से बचें.
- पूरे इलाके की जानकारी भरें.
- पक्का करें कि किनारे अच्छी तरह से बनाए गए हों.
ये ग्राफ़िक, किसी एक्सटेंशन की प्रमोशन वाली इमेज के उदाहरण हैं:
![छोटी प्रोमो इमेज](https://developer.chrome.com/static/docs/webstore/images/image/small-promo-image-07c9a0100064.png?authuser=7&hl=hi)
![मार्की](https://developer.chrome.com/static/docs/webstore/images/image/marquee-378610381dddf.png?authuser=7&hl=hi)
यहां समीक्षा की स्थितियों की जानकारी दी गई है:
- समीक्षा बाकी है: इमेज की अभी तक समीक्षा नहीं हुई है और वह स्टोर में नहीं दिख रही है. सबमिट करने के एक हफ़्ते के अंदर, इमेज की समीक्षा हो जानी चाहिए.
- कोई स्थिति नहीं: इमेज को मंज़ूरी मिल गई है और उसे स्टोर में दिखाया जा रहा है. [*'ड्राफ़्ट' या 'भरोसेमंद टेस्टर' आइटम की इमेज में, इमेज का स्टेटस नहीं दिखेगा. अपनी प्रोमो इमेज को मंज़ूरी पाने के लिए आपको आइटम प्रकाशित करना होगा.]
- अस्वीकार किया गया: इमेज की समीक्षा कर ली गई है और उसे अस्वीकार कर दिया गया है. अब इसे स्टोर पर नहीं दिखाया जा रहा है. अस्वीकार किए जाने की वजहें, आइटम के 'बदलाव करें' पेज के प्रमोशनल इमेज सेक्शन में दिखेंगी. हमारा सुझाव है कि बेहतर बनाई गई नई इमेज को फिर से अपलोड करने से पहले, आप समस्याओं की समीक्षा करें और ज़रूरी बदलाव करें. अपलोड की गई नई इमेज की समीक्षा तुरंत लंबित हो जाएगी.
किसी प्रमोशन वाली इमेज की जगह किसी इमेज का इस्तेमाल करने के लिए, इमेज पर कर्सर घुमाएं. ऐसा करने पर, इमेज से हटाया गया कंट्रोल खुल जाएगा.
स्क्रीनशॉट
अपने एक्सटेंशन की सुविधाओं, रंग-रूप, और उसके इस्तेमाल का अनुभव बताने के लिए, उपयोगकर्ताओं को स्क्रीनशॉट का इस्तेमाल करें. आपको एक्सटेंशन के स्टोर पेज में दिखाने के लिए, अपने एक्सटेंशन के कम से कम एक और ज़्यादा से ज़्यादा पांच स्क्रीनशॉट देने होंगे. इन स्क्रीनशॉट में, उपयोगकर्ता के असल अनुभव के बारे में बताया जाना चाहिए. इनमें, ऐप्लिकेशन के मुख्य फ़ंक्शन और कॉन्टेंट की जानकारी खास तौर पर दी जानी चाहिए. इससे, लोग यह अनुमान लगा सकेंगे कि एक्सटेंशन का अनुभव कैसा होगा.
अगर आपका एक्सटेंशन एक से ज़्यादा स्थान-भाषा में काम करता है, तो आप स्थानीय भाषा के हिसाब से स्क्रीनशॉट दे सकते हैं, जैसा कि अपने स्टोर पेज को स्थानीय भाषा के मुताबिक बनाना में बताया गया है.
अपने एक्सटेंशन की लिस्टिंग में बदलाव करते समय स्क्रीनशॉट के थंबनेल पर माउस ले जाने से, ऐसे कंट्रोल दिखते हैं जिनकी मदद से स्क्रीनशॉट मिटाया जा सकता है या उसकी जगह बदली जा सकती है.
हर स्क्रीनशॉट इस तरह का होना चाहिए:
- वर्गाकार कोने, कोई पैडिंग नहीं (फ़ुल ब्लीड)
- 1280x800 या 640x400 पिक्सल
उदाहरण के लिए, यहां किसी एक्सटेंशन के लिए दो स्क्रीनशॉट इमेज दी गई हैं:
अगला कदम क्या है?
इसके बाद, अपना एक्सटेंशन पब्लिश करने के लिए सबमिट करना लेख पढ़ें.