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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

अंत में

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

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

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