HTML Favicon

HTML Favicon क्या है?

Html Favicon ("पसंदीदा आइकन" के लिए संक्षिप्त) एक आइकन है जो एक वेबसाइट के लिए ब्राउज़र के एड्रेस बार और टैब शीर्षक में प्रदर्शित होता है। इसका उपयोग उपयोगकर्ताओं को जल्दी से वेबसाइट की पहचान करने और इसे अन्य टैब या बुकमार्क से अलग करने में मदद करने के लिए किया जाता है।

Html Favicon एक Icon है जो ब्राउजर के एड्रेस बार, बुकमार्क मेनू और उस पृष्ठ पर दिखाई देता है जब कोई बुकमार्क सहेजा जाता है। यह एक वेबसाइट को दूसरों से पहचानने और अलग करने का एक तरीका है। यह ट्यूटोरियल HTML वेबसाइट में Fevicon बनाने और जोड़ने को कवर करेगा।

Syntax:-

<head>
  <link rel="shortcut icon" type="image/x-icon" href="/path/to/favicon.ico" />
</head>

Html Favicon छोटी छवियों (आमतौर पर 16 x 16 पिक्सेल) के रूप में उत्पन्न होते हैं जो एक <link> तत्व में जोड़े जाते हैं, जो HTML दस्तावेज के <head> में शामिल होता है।

अपने वेबसाइट में Favicon कैसे डाले

HTML फाइल खोलें। फिर HTML फाइल में Favicon डालने के लिए निम्न कोड का उपयोग करें।
हमें अपनी html के टैग में <head> सेक्काशन में निचे दिए गए कोड को डालना है। फिर फाइल को सेव करें।

 <link rel="shortcut icon" type="image/x-icon" href="/path/to/favicon.ico" />

अब HTML फाइल को किसी भी ब्राउजर में खोलें। हम वेब पेज पर आइकन देख सकते हैं।

Html Favicon <link> Element में निम्नलिखित विशेषताओं का उपयोग किया जाता है:

rel Attribute ब्राउजर को बताती है कि लिंक किया गया संसाधन Favicon है; "शॉर्टकट आइकन" की सेटिंग में प्रमुख ब्राउजरों के अधिकांश संस्करणों को समायोजित करना चाहिए।
type Attribute लिंक किए गए संसाधन के प्रारूप को निर्दिष्ट करती है (यानी, फेविकॉन के लिए "छवि/एक्स-आइकन")।
href Attribute, Favicon फाइल का फाइल पथ निर्दिष्ट करती है।

Note: Html Favicon के लिए सबसे सामान्य फाइल Formate .ico एक्सटेंशन वाली फाइलें हैं। हालाँकि, ब्राउजर के आधार पर अन्य छवि प्रारूपों का समर्थन किया जा सकता है (जैसे, .png, .gif, और .jpeg)। एक छवि संपादक या ऑनलाइन कनवर्टर टूल का उपयोग करके एक .ico फ़ाइल बनाई जा सकती है।

Favicon File और HTML में <link> Element के साथ, Html Favicon को वेबसाइट के लिए ब्राउज़र के टैब शीर्षक में प्रदर्शित किया जाना चाहिए।

This is col md 4. This is col md 4