HTML में फ़ेविकॉन कैसे जोड़ें

तीन टैग 99% मामलों को कवर करते हैं। दो और आपको पूर्ण PWA-ग्रेड सेटअप देते हैं।

3 मिनट का पठन

न्यूनतम टैग

<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”> लिंक करें।

उपकरण आज़माएं

पढ़ना जारी रखें

FetchFavicon का अन्वेषण करें

श्रेणियाँ

कन्वर्टर्स

उपयोगिताओं

गाइड

ट्यूटोरियल