एचटीएमएल पृष्ठांसाठी फेविकॉनशी संबंधित मुख्य समस्या ही आहे की त्याची अंमलबजावणी करणे कठीण होऊ शकते. फेविकॉन हे लहान आयकॉन आहेत जे वेबसाइटच्या ब्राउझर टॅब किंवा अॅड्रेस बारमध्ये दिसतात आणि ते सहसा वेबसाइट किंवा ब्रँड ओळखण्यासाठी वापरले जातात. HTML पृष्ठावर फेविकॉन जोडण्यासाठी, चिन्ह .ico फाईल म्हणून जतन केले जाणे आवश्यक आहे आणि नंतर HTML कोड वापरून लिंक केले पाहिजे. टॅग ज्यांना कोडिंगची माहिती नाही त्यांच्यासाठी हे अवघड असू शकते, कारण यात अनेक पायऱ्या गुंतलेल्या आहेत आणि त्यासाठी HTML वाक्यरचनाचे ज्ञान आवश्यक आहे. याव्यतिरिक्त, काही ब्राउझर फेविकॉन योग्यरित्या लागू न केल्यास ते ओळखू शकत नाहीत.
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
1. कोडची ही ओळ “favicon.ico” नावाच्या बाह्य फाईलची लिंक तयार करते.
2. दुव्याला “rel” ही विशेषता “शॉर्टकट आयकॉन” च्या मूल्यासह दिली आहे, जे संकेतस्थळासाठी हा शॉर्टकट चिन्ह असल्याचे दर्शवते.
3. href विशेषता favicon फाईलचा मार्ग देते, जे या प्रकरणात फक्त "favicon.ico" आहे.
4. प्रकार विशेषता सूचित करते की ही फाइल x-icon प्रकाराची प्रतिमा आहे, जी वेबसाइट चिन्ह आणि लोगोसाठी वापरली जाणारी एक विशेष प्रकारची प्रतिमा आहे.
फेविकॉन म्हणजे काय
फेविकॉन वेबसाइट किंवा वेब पृष्ठाशी संबंधित एक लहान चिन्ह आहे. हे सामान्यत: ब्राउझरच्या अॅड्रेस बारमध्ये साइटच्या URL च्या पुढे प्रदर्शित केले जाते. हे वेब ब्राउझरमधील बुकमार्क ओळखण्यासाठी आणि संगणक आणि मोबाइल डिव्हाइसवरील शॉर्टकटसाठी चिन्ह म्हणून देखील वापरले जाऊ शकते. फेविकॉन साधारणपणे १६×१६ पिक्सेल आकाराचे असतात आणि .ico फाइल्स म्हणून सेव्ह केले जातात.
तुमच्या वेबसाइटवर फेविकॉन कसा जोडायचा
तुमच्या वेबसाइटवर फेविकॉन जोडणे हा तुमच्या साइटवर ब्रँडिंग आणि ओळखीचा अतिरिक्त स्तर जोडण्याचा उत्तम मार्ग आहे. फेविकॉन्स हे लहान आयकॉन आहेत जे आपल्या वेबसाइटच्या शीर्षकाच्या पुढे ब्राउझर टॅबमध्ये दिसतात. ते मोबाइल डिव्हाइसवर शॉर्टकट म्हणून देखील वापरले जाऊ शकतात, ज्यामुळे वापरकर्त्यांना तुमची साइट शोधणे आणि प्रवेश करणे सोपे होते.
तुमच्या वेबसाइटवर HTML मध्ये फेविकॉन जोडण्यासाठी, तुम्हाला .ico विस्तारासह इमेज फाइलची आवश्यकता असेल. ही प्रतिमा १६×१६ पिक्सेल किंवा ३२×३२ पिक्सेल आकाराची असावी. एकदा तुम्ही ही इमेज फाइल तयार केली किंवा मिळवली की, तुम्ही ती तुमच्या वेबसाइटच्या रूट निर्देशिकेवर अपलोड करू शकता.
एकदा अपलोड केल्यावर, तुम्हाला तुमच्या साइटवरील प्रत्येक पृष्ठाच्या मुख्य विभागात एक लिंक घटक जोडण्याची आवश्यकता असेल जी या इमेज फाइलकडे निर्देश करेल:
हा दुवा घटक ब्राउझरना सांगतो की ते तुमच्या वेबसाइटसाठी फेविकॉन कोठे शोधू शकतात जेणेकरून कोणीतरी त्याच्या पृष्ठांना भेट देते तेव्हा ते योग्यरित्या प्रदर्शित केले जाऊ शकते.
शेवटी, जर तुम्हाला Chrome आणि Firefox सारख्या ब्राउझरने फॅविकॉनची मोठी आवृत्ती (192×192 पिक्सेल) प्रदर्शित करायची असेल, तर तुम्हाला आयकॉनची दुसरी आवृत्ती तयार करावी लागेल आणि ती रूट निर्देशिकेत अपलोड करावी लागेल:
एकदा या सर्व पायऱ्या पूर्ण झाल्यानंतर, अभ्यागतांनी आपल्या वेबसाइटवरील कोणत्याही पृष्ठास भेट दिल्यावर आपले सानुकूल फेविकॉन दिसले पाहिजे!
