फ़ेविकॉन जनरेटर — favicon.ico·ऐप आइकॉन सेट

ब्राउज़र टैब, फ़ोन की होम स्क्रीन, सर्च रिज़ल्ट में दिखने वाले आइकॉन को सभी साइज़ में बनाकर एक ZIP में देता है।

फ़ाइल सर्वर पर नहीं भेजी जाती — सिर्फ़ इस डिवाइस के ब्राउज़र के अंदर प्रोसेस होती है

अक्षर या इमोजी (1~2 अक्षर) टेक्स्ट का रंग

मोटाई

शेप

बैकग्राउंड भरें बैकग्राउंड का रंग

अंदरूनी मार्जिन 12%

ऐप की जानकारी (site.webmanifest)

साइट का नाम छोटा नाम (होम स्क्रीन आइकॉन के नीचे, 12 अक्षर तक) थीम कलर (मोबाइल एड्रेस बार का रंग)

मेरी साइट

नया टैब

180 · आईफ़ोन

192 · एंड्रॉइड

512

<head> में पेस्ट करने के लिए HTML

<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#3182f6">

यह तब का उदाहरण है जब ZIP के अंदर की फ़ाइलें साइट के सबसे ऊपरी (/) पाथ पर अपलोड की गई हों। वही कोड head.html में भी मौजूद है।

फ़ेविकॉन बनाना इस्तेमाल करने का तरीका

1इमेज अपलोड करें या अक्षर·इमोजी और रंग चुनें।
2प्रीव्यू से हर साइज़ का लुक जांचें।
3[ZIP डाउनलोड करें] दबाएं, और दिए गए HTML कोड को <head> में पेस्ट करें।

अक्सर पूछे जाने वाले सवाल

कैसी मूल इमेज अच्छी रहती है?

512×512 या उससे बड़ा स्क्वेयर PNG·SVG सबसे बेहतर रहता है। छोटे साइज़ में सरल शेप अच्छी तरह दिखते हैं।

क्या सिर्फ़ एक favicon.ico काफ़ी नहीं है?

पुराने ब्राउज़र के लिए काफ़ी है, लेकिन आईफ़ोन होम स्क्रीन (180px) और एंड्रॉइड (192·512px) के लिए अलग से PNG चाहिए।