Wix के लिए फ़ेविकॉन
Wix आपके फ़ेविकॉन को सेटिंग्स > वेबसाइट जानकारी > फ़ेविकॉन के अंतर्गत साइट डैशबोर्ड में संग्रहीत करता है, और इसे स्वचालित रूप से प्रत्येक प्रकाशित पृष्ठ पर इंजेक्ट करता है। कम से कम 100×100 पिक्सेल का एक वर्ग PNG अपलोड करें - क्रिस्प डिस्प्ले के लिए 512×512 आदर्श है। PWA और apple-touch-icon समर्थन के लिए, उन्नत उपयोगकर्ता Wix वेलो के माध्यम से कस्टम कोड जोड़ सकते हैं। अपने लोगो या ब्रांड चिह्न से अपलोड करने के लिए तैयार PNG बनाने के लिए favicon generator का उपयोग करें।
आपका फ़ेविकॉन Wix साइट पर सबसे अधिक दिखाई देने वाले ब्रांड तत्वों में से एक है - यह ब्राउज़र टैब, बुकमार्क बार और एड्रेस बार इतिहास में दिखाई देता है। एक तेज़, पहचानने योग्य फ़ेविकॉन आगंतुकों को आपकी Wix साइट को पहचानने और तुरंत वापस लौटने में मदद करता है। आपके द्वारा छवि अपलोड करने के बाद Wix स्वचालित रूप से फ़ेविकॉन इंजेक्शन को संभालता है, इसलिए आवश्यक प्रयास न्यूनतम है।
अपना Wix फ़ेविकॉन जोड़ने या बदलने के लिए, अपने Wix डैशबोर्ड में लॉग इन करें और सेटिंग्स > वेबसाइट जानकारी पर जाएँ। फ़ेविकॉन अनुभाग तक स्क्रॉल करें (कभी-कभी आपके Wix संस्करण के आधार पर साइट आइकन या टैब फ़ेविकॉन लेबल किया जाता है)। मीडिया मैनेजर खोलने के लिए अपलोड क्षेत्र या मौजूदा आइकन थंबनेल पर क्लिक करें। अपना वर्ग PNG अपलोड करें और पुष्टि करें।
Wix न्यूनतम फ़ेविकॉन आकार 100×100 पिक्सेल की अनुशंसा करता है, लेकिन यह एक फ़्लोर है, लक्ष्य नहीं। सबसे तेज़ परिणाम के लिए, 512×512 अपलोड करें। Wix टैब डिस्प्ले के लिए छवि को छोटा करता है, और बड़े स्रोत से शुरू करने का मतलब छोटे आकार में कम गुणवत्ता हानि है। favicon generator सेकंड में किसी भी लोगो से एक आदर्श 512×512 PNG निर्यात करता है।
Wix फ़ेविकॉन अपलोड के लिए PNG प्रारूप सबसे अच्छा विकल्प है। यह पारदर्शिता का समर्थन करता है, जो यह सुनिश्चित करता है कि आपका आइकन रंगीन या सफेद पृष्ठभूमि बॉक्स के बिना हल्के और गहरे दोनों ब्राउज़र थीम पर साफ दिखे। ICO फ़ाइलों की आवश्यकता नहीं है - Wix आपके PNG को परिवर्तित करता है और इसे सही MIME प्रकार के साथ प्रस्तुत करता है।
Wix स्टूडियो (Wix का पेशेवर स्तर) फ़ेविकॉन सेटिंग को सेटिंग्स > वेबसाइट जानकारी के अंतर्गत उसी स्थान पर रखता है। यदि आपको SVG फ़ेविकॉन या apple-touch-icon टैग की आवश्यकता है, तो स्टूडियो `<head>` अनुभाग में अधिक उन्नत कस्टम कोड इंजेक्शन की भी अनुमति देता है। Wix स्टूडियो प्रोजेक्ट्स पर हेड स्क्रिप्ट जोड़ने के लिए सेटिंग्स > कस्टम कोड पर जाएँ।
Wix डैशबोर्ड में अपना फ़ेविकॉन अपलोड करने के बाद, परिवर्तन को लाइव करने के लिए आपको अपनी साइट को पुनः प्रकाशित करना होगा। संपादक के ऊपरी-दाएँ कोने में प्रकाशित करें पर क्लिक करें। Wix आपके कस्टम डोमेन के सभी पेजों पर नए फ़ेविकॉन का प्रचार करता है। डैशबोर्ड में सहेजे गए लेकिन प्रकाशित नहीं किए गए परिवर्तन आगंतुकों को दिखाई नहीं देते हैं।
Wix `<link rel='icon'>` टैग इंजेक्शन को स्वचालित रूप से संभालता है - आपको कोई कोड जोड़ने की आवश्यकता नहीं है। Wix आपके अपलोड किए गए फ़ेविकॉन को आवश्यक आयामों में आकार देकर iOS होम-स्क्रीन सेव के लिए एक बुनियादी apple-touch-icon प्रविष्टि भी इंजेक्ट करता है। कस्टम 180×180 apple-touch-icon (फ़ेविकॉन से भिन्न) के लिए, Wix वेलो कस्टम कोड इंजेक्शन का उपयोग करें।
जब आप अल्फा चैनल के साथ PNG अपलोड करते हैं तो पारदर्शी पृष्ठभूमि Wix द्वारा संरक्षित की जाती है। यदि आपके आइकन की पृष्ठभूमि ठोस है, तो यह डार्क-मोड ब्राउज़र टैब में एक रंगीन बॉक्स दिखाएगा। अपलोड करने से पहले बिना पृष्ठभूमि भरण के अपना लोगो निर्यात करें। आप favicon tester का उपयोग करके सत्यापित कर सकते हैं कि पारदर्शिता सही ढंग से काम कर रही है जो प्रकाश और अंधेरे दोनों पृष्ठभूमि पर आइकन प्रस्तुत करती है।
Wix वेलो (Wix के भीतर JavaScript विकास मंच) उन्नत फ़ेविकॉन अनुकूलन की अनुमति देता है। वेलो के `wixLocation` और पेज इवेंट का उपयोग करके, आप गतिशील रूप से प्रति पेज अलग-अलग फ़ेविकॉन लिंक टैग इंजेक्ट कर सकते हैं। यह उत्पाद-विशिष्ट ब्रांडिंग वाली ई-कॉमर्स साइटों या बहु-श्रेणी साइटों के लिए उपयोगी है जहां प्रत्येक अनुभाग एक अलग आइकन का उपयोग करता है।
यदि आप Wix टेम्पलेट का उपयोग कर रहे हैं जो Wix द्वारा मूल फ़ेविकॉन समर्थन शुरू करने से पहले बनाया गया था, तो फ़ेविकॉन सेटिंग्स एक अलग स्थान पर दिखाई दे सकती हैं या बिल्कुल भी मौजूद नहीं हो सकती हैं। इन मामलों में, Wix के कस्टम कोड इंजेक्शन का उपयोग करें: सेटिंग्स > कस्टम कोड > कोड जोड़ें > कोड को प्रत्येक पृष्ठ के `<head>` में रखें, और अपने होस्ट किए गए फ़ेविकॉन के लिंक के साथ मैन्युअल रूप से `<link rel='icon' href='URL'>` टैग जोड़ें।
Wix ADI (आर्टिफिशियल डिज़ाइन इंटेलिजेंस) साइटें आपके ब्रांड एसेट से स्वचालित रूप से एक फ़ेविकॉन सेट करती हैं यदि आप उन्हें सेटअप विज़ार्ड के दौरान प्रदान करते हैं। आप सेटिंग > वेबसाइट जानकारी > फ़ेविकॉन पथ का उपयोग करके किसी भी समय ADI-चयनित फ़ेविकॉन को ओवरराइड कर सकते हैं। ADI-जनरेटेड फ़ेविकॉन अक्सर कम-रिज़ॉल्यूशन वाले लोगो होते हैं - उन्हें एक उद्देश्य-निर्मित आइकन से बदलने की अनुशंसा की जाती है।
अपना Wix फ़ेविकॉन प्रकाशित करने के बाद, बिना किसी स्थानीय ब्राउज़र कैश के अद्यतन आइकन देखने के लिए एक निजी/गुप्त ब्राउज़र विंडो में अपना लाइव डोमेन खोलें। यदि पुराना फ़ेविकॉन एक दिन के बाद भी सामान्य ब्राउज़िंग में दिखाई देता है, तो संभवतः यह Wix समस्या के बजाय ब्राउज़र कैश है। एक हार्ड रिफ्रेश (Ctrl+Shift+R या Cmd+Shift+R) ब्राउज़र को कैश्ड आइकन को हटाने के लिए बाध्य करता है।
उन व्यवसायों के लिए जो अपनी Wix साइट पर PWA इंस्टॉल समर्थन चाहते हैं - साइट को पूर्ण आकार के ऐप आइकन और स्प्लैश स्क्रीन के साथ मोबाइल होम स्क्रीन पर जोड़ना - Wix में सीमित मूल PWA क्षमताएं हैं। 192×192 और 512×512 PNG आइकन वाली बाहरी रूप से होस्ट की गई site.webmanifest फ़ाइल की ओर इंगित करने वाला `<link rel='manifest'>` टैग जोड़ने के लिए Wix के कस्टम कोड इंजेक्शन का उपयोग करें। संपूर्ण मेनिफेस्ट सेटअप के लिए web app manifest guide देखें।
यह कैसे काम करता है
- 1
एक 512×512 PNG फ़ेविकॉन बनाएं
स्रोत के रूप में अपने लोगो या ब्रांड चिह्न के साथ [favicon generator](tool:favicon-generator) का उपयोग करें। पैकेज से 512×512 PNG डाउनलोड करें - यह Wix के लिए सही आकार है।
- 2
सेटिंग > वेबसाइट जानकारी खोलें
अपने Wix डैशबोर्ड में (संपादक नहीं), सेटिंग्स > वेबसाइट जानकारी पर जाएँ और फ़ेविकॉन अनुभाग खोजने के लिए नीचे स्क्रॉल करें।
- 3
अपना PNG अपलोड करें
अपलोड क्षेत्र या मौजूदा फ़ेविकॉन थंबनेल पर क्लिक करें, Wix मीडिया मैनेजर या अपने डिवाइस से अपना 512×512 PNG चुनें और पुष्टि करें। सेटिंग्स सहेजें.
- 4
अपनी साइट प्रकाशित करें
Wix संपादक में प्रकाशित करें बटन पर क्लिक करें। Wix आपके लाइव कस्टम डोमेन के सभी पेजों पर अपडेटेड फ़ेविकॉन टैग इंजेक्ट करता है।
- 5
गुप्त विंडो में सत्यापित करें
अपना लाइव डोमेन एक निजी/गुप्त ब्राउज़र विंडो में खोलें। नया फ़ेविकॉन टैब में दिखना चाहिए. त्वरित बाहरी जांच के लिए [favicon tester](utility:favicon-tester) का उपयोग करें।
अभी आज़माएं
एक Wix-तैयार फ़ेविकॉन जेनरेट करें
फ़ेविकॉन जनरेटरसामान्य प्रश्न
Wix में फ़ेविकॉन सेटिंग कहाँ है?+
सेटिंग्स > वेबसाइट जानकारी > फ़ेविकॉन (आपके Wix संस्करण या टेम्पलेट के आधार पर सटीक लेबल 'टैब फ़ेविकॉन' या 'साइट आइकन' हो सकता है)। एक वर्गाकार PNG अपलोड करें, सहेजें और इसे अपनी लाइव साइट पर लागू करने के लिए प्रकाशित करें पर क्लिक करें।
मेरा Wix फ़ेविकॉन किस आकार का होना चाहिए?+
Wix के लिए न्यूनतम 100×100 पिक्सेल की आवश्यकता होती है लेकिन 512×512 PNG की पुरजोर अनुशंसा की जाती है। एक बड़े स्रोत से शुरू करने से यह सुनिश्चित होता है कि Wix दृश्यमान गुणवत्ता हानि के बिना 32×32 (टैब आकार) तक नमूना डाउन कर सकता है।
मेरा Wix फ़ेविकॉन अभी भी पुराना आइकन क्यों दिखा रहा है?+
सुनिश्चित करें कि आपने नया फ़ेविकॉन अपलोड करने के बाद प्रकाशित करें पर क्लिक किया है - प्रकाशित होने तक सहेजे गए परिवर्तन लाइव नहीं किए जाएंगे। फिर अपने ब्राउज़र के स्थानीय फ़ेविकॉन कैश को बायपास करने के लिए अपनी साइट को एक निजी/गुप्त विंडो में खोलें।
क्या मैं Wix पर SVG फ़ेविकॉन का उपयोग कर सकता हूँ?+
मूल सेटिंग्स पैनल के माध्यम से नहीं - यह केवल रेखापुंज प्रारूपों को स्वीकार करता है। SVG का उपयोग करने के लिए, सेटिंग्स > कस्टम कोड > हेड कोड में एक कस्टम कोड `<link rel='icon' type='image/svg+xml' href='URL'>` जोड़ें और SVG को बाहरी रूप से होस्ट करें।
क्या Wix स्वचालित रूप से apple-touch-icon जोड़ता है?+
Wix आपकी अपलोड की गई फ़ेविकॉन छवि से एक मूल apple-touch-icon इंजेक्ट करता है। कस्टम 180×180 apple-touch-icon (टैब फ़ेविकॉन से अलग) के लिए, लिंक टैग को Wix वेलो या सेटिंग्स > कस्टम कोड के माध्यम से मैन्युअल रूप से इंजेक्ट करें।
मेरा Wix फ़ेविकॉन अभी भी डिफ़ॉल्ट Wix आइकन दिखाता है - मैं क्या करूँ?+
सेटिंग्स > वेबसाइट जानकारी में अपना नया फ़ेविकॉन सहेजें, फिर संपादक में प्रकाशित करें पर क्लिक करें। जांचें कि साइट आपके कस्टम डोमेन पर प्रकाशित है (केवल Wix उपडोमेन पूर्वावलोकन पर नहीं)। अपना ब्राउज़र कैश साफ़ करें और गुप्त विंडो में प्रयास करें।
क्या मैं अलग-अलग Wix पेजों पर अलग-अलग फ़ेविकॉन रख सकता हूँ?+
हाँ, Wix वेलो का उपयोग कर रहा हूँ। प्रति पृष्ठ एक कस्टम कोड इंजेक्शन जोड़ें, या वर्तमान पृष्ठ पथ के आधार पर `<link rel='icon'>` तत्व को गतिशील रूप से अद्यतन करने के लिए वेलो के पृष्ठ-तैयार ईवेंट का उपयोग करें।