HTML में फ़ेविकॉन कैसे जोड़ें
तीन टैग 99% मामलों को कवर करते हैं। दो और आपको पूर्ण PWA-ग्रेड सेटअप देते हैं।
Check favicons on any website
Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.
न्यूनतम टैग
<link rel='icon' href='/favicon.ico'> — बस इतना ही। प्रत्येक ब्राउज़र इसे लाएगा.
आधुनिक अनुशंसित सेट
हर प्लेटफ़ॉर्म पर क्रिस्प रेंडरिंग के लिए SVG और apple-touch-icon जोड़ें:
<लिंक rel='आइकन' href='/favicon.ico'>
<लिंक rel='आइकन' प्रकार='छवि/svg+xml' href='/favicon.svg'>
<लिंक rel='apple-touch-icon' आकार='180x180' href='/apple-touch-icon.png'>
PWA इंस्टाल संकेत
192×192 और 512×512 PNG प्रविष्टियों के साथ एक मैनिफ़ेस्ट.json जोड़ें, फिर <link rel=”manifest” href=”/site.webmanifest”> लिंक करें।
सामान्य प्रश्न
What is the minimum HTML tag for a favicon?
Add <link rel="icon" href="/favicon.ico"> inside <head>. Place favicon.ico at your site root and every browser will find it.
Do I need separate tags for PNG and SVG favicons?
Yes for a modern setup. Link favicon.ico as the fallback, then add <link rel="icon" type="image/png"> and optionally type="image/svg+xml" for sharper rendering.
Where should favicon <link> tags go in HTML?
Inside the <head> element, before </head>. Order among icon links does not matter.
Do I need a web manifest for favicons?
Not for basic tabs, but add <link rel="manifest"> plus 192×192 and 512×512 PNG icons if you want PWA install prompts.