Favicon जेनरेटर
टेक्स्ट, इमोजी या इमेज से कई फॉर्मेट में favicon बनाएं
पूर्वावलोकन देखने के लिए टेक्स्ट या इमोजी दर्ज करें
त्वरित उदाहरण:
अपने Favicon का उपयोग कैसे करें
1. अपने Favicon डाउनलोड करें
अनुशंसित न्यूनतम सेटअप:
- 32×32 PNG - favicon.png के रूप में नाम बदलें (सबसे आम)
- SVG - favicon.svg के रूप में नाम बदलें (आधुनिक ब्राउज़र, स्केलेबल)
वैकल्पिक (बेहतर कवरेज के लिए):
- 16×16 PNG - favicon.ico के रूप में नाम बदलें (पुराने ब्राउज़र)
- 180×180 PNG - apple-touch-icon.png के रूप में नाम बदलें (iOS होम स्क्रीन)
2. अपनी वेबसाइट में जोड़ें
फ़ाइलों को अपनी साइट की रूट या पब्लिक डायरेक्टरी में रखें और अपने HTML head में ये टैग जोड़ें:
<link rel="icon" type="image/svg+xml" href="/favicon.svg"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
टिप्स
- सरल, बोल्ड डिज़ाइन का उपयोग करें जो छोटे साइज़ पर काम करते हैं
- इमोजी त्वरित, पहचानने योग्य आइकन के लिए बढ़िया काम करते हैं
- आधुनिक ब्राउज़रों के लिए SVG अनुशंसित है (स्केलेबल और छोटा फ़ाइल साइज़)
- बेहतर दृश्यता के लिए उच्च कंट्रास्ट रंगों का उपयोग करें