ए कैसे जोड़ें Shopify आपके लिए फ़ेविकॉन Shopify दुकान

क्या है की मूल बातें जानें Shopify फ़ेविकॉन और अपने ऑनलाइन स्टोर पर एक कैसे रखा जाए।

यदि आप इस पृष्ठ के लिंक से किसी सेवा की सदस्यता लेते हैं, तो रीव्स एंड संस लिमिटेड एक कमीशन कमा सकता है। हमारा देखें नैतिक वक्तव्य.

यह पृष्ठ मूल रूप से अंग्रेजी में लिखा गया था। अभी आप एक मशीनी अनुवादित संस्करण हिंदी में देख रहे हैं।

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

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

क्या है Shopify फेविकॉन?

A Shopify फ़ेविकॉन, या उस मामले के लिए कोई फ़ेविकॉन, आपकी वेबसाइट के लिए एक छोटा आइकन है जो आपकी वेबसाइट के नाम के आगे ब्राउज़र टैब पर दिखाई देता है।

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

  • टूलबार ऐप्स
  • बुकमार्क
  • इतिहास के परिणाम
  • बार खोजें
  • कभी-कभी जब सोशल मीडिया पर साझा किया जाता है

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

Shopify फ़ेविकॉन उदाहरण

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

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

डिफ़ॉल्ट रूप से, सभी ब्राउज़र 32×32 पिक्सेल आकार के फ़ेविकॉन का समर्थन करते हैं। यह एक छोटी छवि है, लेकिन कुछ ऑनलाइन जनरेटर की मदद से आप अपनी खुद की छवि बना सकते हैं Shopify आपकी वेबसाइट के लिए फ़ेविकॉन. इसके अलावा, बड़ी छवियों को वैसे भी छोटा कर दिया जाता है, इसलिए आपको इसे बिल्कुल 32×32 पर लाने की आवश्यकता नहीं है।

एक Favicon ऑनलाइन स्टोर के लिए काफी समझ में आता है Shopify चूँकि उन्हें जोड़ना आसान है, और एक ऑनलाइन विक्रेता के रूप में अपनी ब्रांड पहचान को मजबूत करना महत्वपूर्ण है। कुछ लोग यह भी तर्क देते हैं कि यह SEO में मदद करता है।

फ़ेविकॉन को अपने साथ कैसे जोड़ा जाए, इसके बारे में अधिक जानने के लिए पढ़ते रहें Shopify दुकान।

कैसे एक Favicon जोड़ने के लिए आपका Shopify स्टोर - त्वरित चरण मार्गदर्शिका

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

चरण 1: अपने पर जाएं Shopify डैशबोर्ड

इसलिए, अपने पास जाओ Shopify डैशबोर्ड और सेल्स चैनल के तहत ऑनलाइन स्टोर पर क्लिक करें।

चरण 2: थीम सेटिंग्स पर जाएँ

अपने थीम पर नेविगेट करें और अपनी वर्तमान थीम के बगल में कस्टमाइज़ बटन पर क्लिक करें। हालाँकि सेटिंग्स थीम से थीम में बदल जाती हैं, सभी सबसे हाल ही में Shopify थीम में फ़ेविकॉन को बदलने के लिए एक अनुभाग है।

ऑनलाइन स्टोर

में Shopify Customizer, बाईं ओर सूची के नीचे स्क्रॉल करें और थीम सेटिंग्स पर क्लिक करें।

विषय सेटिंग

चरण 3: फ़ेविकॉन बटन का चयन करें

नए अनुभाग में, फ़ेविकॉन बटन ढूंढें और चुनें।

फ़ेविकॉन - Shopify Favicon

इससे छवि का चयन करने या निःशुल्क छवियाँ एक्सप्लोर करने के लिए एक बटन प्रकट होता है। मैं कल्पना नहीं कर सकता कि उनके पास आपके लोगो से मेल खाने वाली कोई निःशुल्क छवि है, इसलिए अपने कंप्यूटर से एक कस्टम छवि अपलोड करने के लिए चयन छवि पर क्लिक करना सबसे अच्छा है।

छवि चुने

चरण 4: अपना फ़ेविकॉन अपलोड करें

फ़ेविकॉन फ़ाइल चुनें और उसे अपलोड करें Shopify.

उसके बाद, आपको अपने फ़ेविकॉन आइकन का पूर्वावलोकन दिखाई देगा। परिवर्तनों को स्थायी बनाने के लिए, सहेजें बटन का चयन करें Shopify.

बटन सहेजें

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

उदाहरण Shopify Favicon

अपने Favicon बनाने के लिए युक्तियाँ

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

किसी भी समस्या को हल करने के लिए, यहां कुछ सुझाव दिए गए हैं Shopify फ़ेविकॉन:

  • अपना डिज़ाइन 32×32 से बड़ा शुरू करें और यदि आवश्यकता हो तो इसे छोटा करें। यदि आप अंतरिक्ष में एक छोटी छवि खींचने का प्रयास करते हैं तो आपकी छवि धुंधली होना तय है। उदाहरण के लिए, हैचफुल से 32×32 छवि लेना और लोगो के लिखित भाग से छुटकारा पाने के लिए इसे फैलाने का प्रयास करना समस्याएँ पैदा कर सकता है।
  • आप आम तौर पर केवल अपना वर्तमान लोगो नहीं ले सकते हैं और यह उम्मीद नहीं कर सकते हैं कि यह फ़ेविकॉन के रूप में पूरी तरह से काम करेगा।
  • जब आप दिए गए स्थान के प्रत्येक पिक्सेल को कवर करते हैं तो फ़ेविकॉन बहुत अच्छा दिखता है। आपके पास ज्यादा जगह नहीं है, इसलिए आपको इसका लाभ उठाना चाहिए square 32×32 स्पेस में पिक्सेल।
  • सभी टेक्स्ट हटा दें, क्योंकि फ़ेविकॉन में पढ़ना कठिन है। अपवाद यह है कि यदि आपका प्राथमिक लोगो तत्व एक बड़ा अक्षर है।
  • सॉलिड, ब्राइट कलर्स के लिए शूट करें। सरल, कार्टूनिस्ट लोगो सबसे अच्छा काम करते हैं।
  • अपने पसंदीदा ब्रांडों से फेविकन्स को देखें। फ़ेविकॉन के माध्यम से उनकी ऑनलाइन छवि सुनिश्चित करने के लिए उन्होंने क्या किया है?
  • या तो पूरे स्थान को एक ठोस रंग की पृष्ठभूमि से भरने या अग्रभूमि तत्व को फैलाकर एक पारदर्शी पृष्ठभूमि बनाने पर विचार करें ताकि यह केवल किनारों को छू सके। आप देखेंगे कि कई बड़े ब्रांडों के फ़ेविकॉन के लिए पारदर्शी पृष्ठभूमि होती है।
  • आईसीओ फ़ाइल format छोटी छवियों के लिए अच्छा काम करता है। यदि आप परिचित नहीं हैं, तो पारदर्शी पृष्ठभूमि के लिए पीएनजी या ठोस पृष्ठभूमि वाले उच्च-रिज़ॉल्यूशन फ़ेविकॉन के लिए जेपीजी का उपयोग करें।

कैसे आपके लिए एक Favicon उत्पन्न करने के लिए Shopify दुकान

आपके पास अपनी पसंद के किसी भी डिज़ाइन सॉफ़्टवेयर में फ़ेविकॉन डिज़ाइन करने का विकल्प है। यदि आप फ़ोटोशॉप पसंद करते हैं, तो उसके साथ जाएँ। यदि आप GIMP या Pixlr जैसे मुफ़्त सॉफ़्टवेयर चाहते हैं, तो ये सभी तब तक काम करते हैं जब तक आप 32×32 के आवश्यक आयामों पर टिके रहते हैं।

आपके पास एक फ़ेविकॉन बनाने का विकल्प भी है Shopifyका हैचफुल लोगो और निःशुल्क फ़ेविकॉन जेनरेटर। हमारा पूरा गाइड देखें उपयोग करने पर Hatchful लोगो बनाने के लिए

डाउनलोड लोगो

एक बार जब लोगो निर्माता अपना काम कर लेता है, तो यह आपको एक से अधिक लोगो से भरी फ़ाइल प्रदान करता है formats, जिनमें से एक फ़ेविकॉन है।

Shopify फ़ेविकॉन फ़ाइल

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

यदि ऐसा नहीं है, तो कुछ अनावश्यक तत्वों को हटाने के लिए फ़ोटोशॉप या Pixlr जैसे तृतीय-पक्ष संपादन सॉफ़्टवेयर का उपयोग करें।

महत्त्वपूर्ण: यदि आप पाठ और सफेद स्थान को काटने के लिए छवि को कैनवास पर खींचने की योजना बना रहे हैं तो आपको छवि के एक बड़े संस्करण का उपयोग करने की आवश्यकता है। इसके लिए, मैंने लोगो बनाने के लिए हैचफुल का उपयोग किया लेकिन वास्तव में बड़े लोगो में से एक लिया (प्रदान की गई फ़ेविकॉन फ़ाइल नहीं) क्योंकि मैं नहीं चाहता कि जब मैं इसे 32×32 कैनवास पर फैलाऊं तो धुंधलापन आए।

अपने संपादन सॉफ़्टवेयर के अंदर, 32 पर सेट चौड़ाई और ऊँचाई के साथ एक नया कैनवास चुनें।

32 द्वारा 32

नई छवि के लिए एक परत बनाएं और सुनिश्चित करें कि छवि 32 × 32 कैनवास से बड़ी है, क्योंकि आप इसे बाहर खींच रहे होंगे। फिर छवि को कैनवास में अपलोड करें या रखें।

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

बड़ा संस्करण

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

छोटा संस्करण

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

डाउनलोड - Shopify Favicon

अपने वापस जाएँ Shopify डैशबोर्ड। ऑनलाइन स्टोर> थीम्स> कस्टमाइज़ पर क्लिक करें।

फिर थीम सेटिंग्स> फेविकॉन पर जाएं।

उस नए Favicon को अपलोड करें और Save बटन पर क्लिक करें Shopify संपादक।

छवि पूर्वावलोकन

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

अंतिम उत्पाद - Shopify Favicon

अंत में

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

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

यदि आपके पास Favicons को जोड़ने के बारे में कोई प्रश्न हैं Shopify, या अपना खुद का बना Shopify फ़ेविकॉन, हमें नीचे टिप्पणी अनुभाग में बताएं।

जो वार्निमोंट

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

टिप्पणियाँ 0 जवाब

एक जवाब लिखें

आपका ईमेल पता प्रकाशित नहीं किया जाएगा। आवश्यक फ़ील्ड इस तरह चिह्नित हैं *

रेटिंग *

यह साइट स्पैम को कम करने के लिए अकिस्मेट का उपयोग करती है। जानें कि आपका डेटा कैसे संसाधित किया जाता है.