Favicon जेनरेटर

नया

इमेज या अक्षरों से पूरा favicon सेट बनाएँ और ZIP डाउनलोड करें।

Drop an image, click to browse, or paste PNG, JPG, SVG or WebP — a square 512×512+ logo works best. Processed on your device.

Background Transparent

Shape

Padding 0% App name (for manifest)

Drop an image above to generate your favicon set — or switch to Text or Emoji to build one from a letter or emoji.

Live preview

Browser tab

My App

Bookmarks bar

My App

iOS home screen

My App

Android home screen

My App

Generated sizes

Apple touch (180) and Android (192/512) icons use a solid background; the 192 and 512 are maskable with a built-in safe zone.

HTML for your <head>

site.webmanifest

Runs entirely in your browser. Nothing is uploaded.

अपने ब्राउज़र में पूरा favicon सेट बनाएं

यह favicon जनरेटर एक आधुनिक वेबसाइट या वेब ऐप के लिए ज़रूरी हर आइकन बनाता है — ब्राउज़र favicon, एक मल्टी-साइज़ favicon.ico, एक Apple touch icon और maskable PWA manifest आइकन — सब कुछ एक ही सोर्स से। एक इमेज, टाइप किया गया लेटरमार्क या इमोजी चुनें, बैकग्राउंड, शेप और पैडिंग एडजस्ट करें, और सभी फ़ाइलों के साथ एक शिप-रेडी ZIP डाउनलोड करें जिसमें आपके <head> के लिए सटीक HTML स्निपेट भी हो।

उन टूल्स के विपरीत जो आपकी इमेज सर्वर पर भेजते हैं, यहाँ सब कुछ HTML canvas पर लोकली रेंडर होता है — तेज़, मुफ़्त, साइनअप की ज़रूरत नहीं, और आपका लोगो पूरी तरह प्राइवेट रहता है। कोई अकाउंट नहीं, सर्वर प्रोसेसिंग का इंतज़ार नहीं, टूल के बीच कोई विज्ञापन नहीं।

इमेज, SVG, अक्षर या इमोजी से बनाएं

तीन इनपुट मोड हर शुरुआती बिंदु को कवर करते हैं। इमेज PNG, JPG, SVG और WebP स्वीकार करता है — एक स्क्वेयर लोगो डालें और यह हर साइज़ में सेंटर-फ़िट होता है; SVG अपलोड करें तो वह एक साफ, स्केलेबल favicon.svg के रूप में भी पास-थ्रू होता है। टेक्स्ट एक से तीन अक्षरों को आपकी अपनी फ़ॉन्ट और रंगों के साथ एक सुंदर लेटरमार्क में बदलता है — तब काम आता है जब अभी लोगो नहीं है। इमोजी किसी भी इमोजी को एक क्लिक में favicon बनाता है।

आप जो भी चुनें, आपको पूरा आउटपुट सेट मिलता है: हर PNG साइज़, एक असली favicon.ico, एक वैकल्पिक favicon.svg, वेब ऐप manifest और HTML। यह हर ब्राउज़र, हर OS, Chromebook टैब से लेकर Android होम स्क्रीन तक हर डिवाइस साइज़ को कवर करता है।

हर साइज़, और एक असली favicon.ico

यह टूल ब्राउज़र टैब और Windows के लिए 16×16, 32×32 और 48×48 PNG, 180×180 Apple touch icon, और Android और PWA होम स्क्रीन के लिए 192×192 और 512×512 आइकन बनाता है। फिर यह 16, 32 और 48 बिटमैप को एक असली मल्टी-रेज़ॉल्यूशन favicon.ico में एनकोड करता है — वह कंटेनर फ़ाइल जिसे ब्राउज़र डिफ़ॉल्ट रूप से रिक्वेस्ट करते हैं — बिल्कुल आपके ब्राउज़र में, बिना किसी सर्वर राउंड-ट्रिप के।

ICO फ़ॉर्मेट मायने रखता है। कई टूल 32×32 PNG बनाकर उसे favicon.ico नाम दे देते हैं, जो काम करता है लेकिन इसका मतलब है ब्राउज़र हमेशा एक ही सोर्स से स्केल करता है। एक असली मल्टी-रेज़ॉल्यूशन ICO ब्राउज़र को हर संदर्भ के लिए सबसे शार्प साइज़ चुनने देता है।

Apple touch icons और maskable PWA icons सही तरीके से

मोबाइल आइकन सही तरीके से बनाना वह जगह है जहाँ ज़्यादातर favicons विफल होते हैं। apple-touch-icon 180×180 पर सॉलिड बैकग्राउंड के साथ रेंडर होता है (iOS ट्रांसपेरेंसी सपोर्ट नहीं करता और कोने खुद गोल करता है)। 192 और 512 manifest आइकन maskable आइकन के रूप में बनाए जाते हैं — उनका कंटेंट ~80% सेफ ज़ोन के अंदर रखा जाता है ताकि Android उन्हें सर्कल, squircle या राउंडेड स्क्वेयर में क्रॉप कर सके।

लाइव प्रीव्यू मॉकअप आपका आइकन ब्राउज़र टैब, बुकमार्क बार, और iOS और Android होम स्क्रीन पर दिखाते हैं, ताकि आप पब्लिश करने से पहले देख सकें कि यह कैसा दिखेगा।

UtiloKit की तुलना favicon.io और RealFaviconGenerator.net से

favicon.io सबसे लोकप्रिय favicon टूल है और वाकई अच्छा है — लेकिन यह आपकी इमेज उनके सर्वर पर अपलोड करता है, जिसका मतलब है आपका अनरिलीज़ड लोगो या क्लाइंट एसेट आपके डिवाइस से बाहर जाता है। RealFaviconGenerator.net सबसे फ़ीचर-कम्प्लीट विकल्प है, लेकिन मल्टी-स्टेप विज़ार्ड त्वरित प्रोजेक्ट के लिए डराने वाला है और यह भी सर्वर-साइड प्रोसेसिंग करता है।

UtiloKit सब कुछ लोकली करता है। आपकी इमेज कभी आपके ब्राउज़र से बाहर नहीं जाती। आउटपुट में असली मल्टी-रेज़ॉल्यूशन ICO, सही maskable manifest आइकन, एक स्केलेबल SVG और एक कॉपी-रेडी <head> स्निपेट शामिल है। iPhone और Android पर भी काम करता है।

Manifest और HTML स्निपेट — पेस्ट करने के लिए तैयार

आइकन के साथ आपको एक पूरा site.webmanifest मिलता है — आपके ऐप नाम, थीम रंग और maskable icon एंट्री के साथ — और एक कॉपी-रेडी <head> स्निपेट जो .ico, .svg, Apple touch icon और manifest को लिंक करता है, साथ ही एक मिलान करने वाला theme-color मेटा टैग। इसे अपने HTML में पेस्ट करें, फ़ाइलें अपनी साइट रूट में अपलोड करें, और काम हो गया।

यह स्निपेट किसी भी स्टैक के साथ काम करता है: सादा HTML, Next.js, Astro, Nuxt, SvelteKit, Remix। अगर आपके फ्रेमवर्क में डेडिकेटेड favicon कॉन्फिग है, तो PNG फ़ाइलें सीधे वहाँ भी फिट हो जाती हैं।

Frequently asked questions

Favicon क्या होता है?

Favicon (short for 'favorite icon') वह छोटा स्क्वेयर आइकन है जो ब्राउज़र पेज के टाइटल के बगल में दिखाता है — ब्राउज़र टैब, बुकमार्क बार, हिस्ट्री और कभी-कभी सर्च रिजल्ट में। यह आमतौर पर 16×16 या 32×32 पिक्सल में दिखता है और आपकी साइट के रूट पर favicon.ico के रूप में होता है। आधुनिक साइटें favicon.svg, Apple touch icon और PWA icons भी जोड़ती हैं। एक पहचानने योग्य favicon बुकमार्क और सर्च रिजल्ट में क्लिक-थ्रू रेट बेहतर करता है।

Favicon का साइज़ क्या होना चाहिए?

16×16 और 32×32 से शुरू करें — ये दो साइज़ ब्राउज़र टैब और बुकमार्क में दिखाते हैं — एक ही favicon.ico में पैक करें। पूरी कवरेज के लिए 48×48 (Windows के लिए), iOS के लिए 180×180 apple-touch-icon, और Android और PWA होम स्क्रीन के लिए 192×192 और 512×512 PNG भी जोड़ें। यह जनरेटर एक ही सोर्स से एक साथ हर साइज़ बनाता है।

Favicon कैसे बनाएं?

एक सोर्स चुनें — इमेज अपलोड करें (PNG, JPG, SVG या WebP), एक से तीन अक्षर टाइप करें, या एक इमोजी पेस्ट करें — फिर बैकग्राउंड कलर, शेप (स्क्वेयर, राउंडेड या सर्कल) और पैडिंग चुनें। टूल canvas पर सभी favicon साइज़ रेंडर करता है, 16/32/48 को favicon.ico में पैक करता है, और आपको सभी फ़ाइलों के साथ ZIP देता है। पूरी प्रक्रिया एक मिनट से कम लेती है।

क्या मेरा लोगो अपलोड करना सुरक्षित है?

हाँ — क्योंकि कुछ भी वास्तव में अपलोड नहीं होता। हर स्टेप आपके ब्राउज़र में HTML <code><canvas></code> और JavaScript का उपयोग करके चलता है: आपकी इमेज लोकली पढ़ी जाती है, रिसाइज़ होती है, PNG और ICO में एनकोड होती है, और आपके डिवाइस पर ZIP होती है। favicon.io और RealFaviconGenerator.net जैसे टूल्स के विपरीत, कोई फ़ाइल कभी सर्वर पर नहीं भेजी जाती। आपका लोगो कभी आपके कंप्यूटर से बाहर नहीं जाता।

मेरा favicon क्यों नहीं दिख रहा?

लगभग हमेशा ब्राउज़र कैशिंग की समस्या होती है। ब्राउज़र favicons को आक्रामक तरीके से कैश करते हैं, इसलिए हार्ड रिफ्रेश (Ctrl+F5) करें, आइकन URL सीधे खोलें (yoursiteghar.com/favicon.ico) यह पुष्टि करने के लिए कि यह लोड होता है, या प्राइवेट विंडो में कोशिश करें। यह भी जांचें कि फ़ाइलें आपकी साइट रूट में हैं और <code><link></code> टैग में पाथ सही हैं।

क्या favicon जनरेटर iPhone और Android पर काम करता है?

हाँ — canvas API और फ़ाइल डाउनलोड iOS Safari, Chrome for Android और Samsung Internet में काम करते हैं। आप अपने कैमरा रोल से फोटो अपलोड कर सकते हैं, एक अक्षर टाइप कर सकते हैं, या एक इमोजी पेस्ट कर सकते हैं, और फिर पूरा ZIP सीधे अपने फोन पर डाउनलोड कर सकते हैं। लेआउट छोटी स्क्रीन के लिए अडैप्ट होता है।

Maskable icon क्या होता है?

Manifest icons (site.webmanifest में सूचीबद्ध 192×192 और 512×512 PNG) वे हैं जो Android और इंस्टॉल किए गए PWA उपयोग करते हैं। एक 'maskable' icon अपना महत्वपूर्ण कंटेंट एक केंद्रीय सेफ ज़ोन में — लगभग 80% आइकन — रखता है ताकि सिस्टम इसे सर्कल, squircle या राउंडेड स्क्वेयर में क्रॉप करे तो भी यह सही दिखे। यह जनरेटर स्वचालित रूप से 192 और 512 आइकन में वह सेफ-ज़ोन पैडिंग जोड़ता है।

क्वालिटी कंट्रोल के साथ इमेज को PNG, JPG और WebP के बीच बदलें।

इमेज और मीडिया