एचटीएमएलमध्ये फेविकॉन जोडण्याशी संबंधित मुख्य समस्या म्हणजे त्यासाठी अतिरिक्त कोडिंग आवश्यक आहे. फेविकॉन हे लहान आयकॉन आहेत जे वेबसाइटच्या ब्राउझर टॅब किंवा अॅड्रेस बारमध्ये दिसतात. HTML पृष्ठावर फेविकॉन जोडण्यासाठी, तुम्ही "शॉर्टकट आयकॉन" वर सेट केलेल्या rel विशेषतासह आणि favicon फाइलच्या स्थानावर सेट केलेल्या href विशेषतासह लिंक घटक समाविष्ट करणे आवश्यक आहे. HTML कोडींगशी परिचित नसलेल्यांसाठी हे वेळखाऊ आणि अवघड असू शकते. याव्यतिरिक्त, काही ब्राउझर काही प्रकारचे फेविकॉन ओळखू शकत नाहीत, त्यामुळे तुमचे फेविकॉन तुमच्या पेजवर जोडण्यापूर्वी ते सर्व ब्राउझरशी सुसंगत असल्याची खात्री करणे महत्त्वाचे आहे.
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
1. कोडची ही ओळ बाह्य फाइलची लिंक तयार करते, जी ब्राउझर टॅबमध्ये पृष्ठ शीर्षकाच्या पुढे एक लहान चिन्ह प्रदर्शित करण्यासाठी वापरली जाते.
2. "rel" विशेषता वर्तमान दस्तऐवज आणि लिंक केलेले दस्तऐवज यांच्यातील संबंध निर्दिष्ट करते, जे या प्रकरणात शॉर्टकट चिन्ह आहे.
3. "href" विशेषता लिंक केलेल्या दस्तऐवजाचे स्थान निर्दिष्ट करते, जे या प्रकरणात "favicon.ico" आहे.
4. "प्रकार" विशेषता लिंक केलेल्या दस्तऐवजाचा मीडिया प्रकार निर्दिष्ट करते, जी या प्रकरणात x-चिन्ह स्वरूप असलेली प्रतिमा आहे.
फेविकॉन म्हणजे काय
फेविकॉन ("आवडते चिन्ह" साठी लहान) एक लहान, 16×16 प्रतिमा आहे जी विशिष्ट वेबसाइट किंवा वेबपृष्ठाशी संबंधित आहे. हे ब्राउझरच्या अॅड्रेस बारमध्ये, पृष्ठाच्या शीर्षकाच्या पुढे आणि बुकमार्क सूचीमध्ये प्रदर्शित केले जाते. वापरकर्त्यांना वेगवेगळ्या वेबसाइट्स ओळखण्यासाठी आणि नेव्हिगेट करण्याचा सोपा मार्ग प्रदान करण्यासाठी फेविकॉनचा वापर सामान्यतः केला जातो.
HTML मध्ये फेविकॉन कसे जोडावे
फेविकॉन हे एक लहान आयकॉन आहे जे वेबसाइटच्या ब्राउझर टॅबमध्ये दिसते. तुमची वेबसाइट ओळखण्यात आणि अभ्यागतांना ती अधिक ओळखण्यायोग्य बनवण्यासाठी याचा वापर केला जातो. HTML मध्ये फेविकॉन जोडण्यासाठी, तुम्हाला तुमच्या HTML दस्तऐवजाच्या विभागात खालील कोड समाविष्ट करणे आवश्यक आहे:
"path/to/favicon.ico" ला तुम्ही तुमची favicon फाइल जिथे साठवली आहे त्या पाथने बदला. फाइल .ico फॉरमॅट आणि 16×16 पिक्सेल किंवा 32×32 पिक्सेल आकाराची असावी.
SVG फेविकॉन कसे जोडायचे
1. एक SVG फाईल तयार करा: पहिली पायरी म्हणजे एक SVG फाइल तयार करणे जी तुम्हाला फेविकॉन म्हणून वापरायची आहे. Adobe Illustrator किंवा Inkscape सारखे वेक्टर ग्राफिक्स एडिटर वापरून तुम्ही ते स्वतः तयार करू शकता किंवा तुम्ही वेबवरून डाउनलोड करू शकता.
2. SVG ला ICO फॉरमॅटमध्ये रूपांतरित करा: एकदा तुमच्याकडे तुमची SVG फाइल आली की, तुम्हाला ती ICO फॉरमॅटमध्ये रूपांतरित करावी लागेल. हे Convertio किंवा CloudConvert सारखे विनामूल्य ऑनलाइन कनवर्टर वापरून केले जाऊ शकते.
3. HTML मध्ये फेविकॉन लिंक टॅग जोडा: तुमची ICO फाईल झाल्यावर, तुमच्या HTML दस्तऐवजाच्या विभागात खालील कोड जोडा:
हे ब्राउझरना सांगेल की हे तुमच्या वेबसाइटसाठी फेविकॉन आहे आणि जेव्हा कोणी तुमच्या साइटला भेट देते तेव्हा त्यांनी ते प्रदर्शित केले पाहिजे.
4. चाचणी आणि समस्यानिवारण: शेवटी, वेगवेगळ्या ब्राउझर आणि उपकरणांमध्ये तुमच्या वेबसाइटला भेट देऊन तुमच्या नवीन फेविकॉनची चाचणी घ्या आणि ते सर्वत्र चांगले दिसत असल्याची खात्री करा! काही समस्या असल्यास, Google Chrome च्या DevTools किंवा Firefox च्या वेब डेव्हलपर टूल्स सारख्या साधनांसह त्यांचे समस्यानिवारण करण्याचा प्रयत्न करा.
