ArrayKit

Favicon जनरेटर

लोगो, कुछ अक्षरों या किसी इमोजी से पूरा favicon सेट बनाएँ — favicon.ico, PNG साइज़, Apple touch icon, Android आइकन और HTML टैग, सब आपके ब्राउज़र में ही बनता है।

Favicon जनरेटर

लोगो, कुछ अक्षरों या किसी इमोजी से पूरा favicon सेट बनाएँ — favicon.ico, PNG साइज़, Apple touch icon, Android आइकन और HTML टैग, सब आपके ब्राउज़र में ही बनता है।

आपका लोगो या टेक्स्ट इसी टैब में एक कैनवास पर बनता है और आपके डिवाइस पर ही ZIP में पैक होता है। कुछ भी अपलोड नहीं होता, इसलिए अभी जारी न की गई ब्रांडिंग निजी रहती है।

App Icon Generator खोलें

Favicon जनरेटर के बारे में

Favicon जनरेटर एक ही इमेज, टेक्स्ट या इमोजी से साइट के आइकनों का पूरा सेट बना देता है। किसी इमेज, जैसे लोगो, से शुरू करें, एक से तीन अक्षर टाइप करें, या कोई इमोजी चुनें। हर आइकन किसी एक बड़ी फ़ाइल को छोटा करके नहीं, बल्कि अपने ही पिक्सेल साइज़ पर अलग से बनाया जाता है: 16, 32 और 48 px की इमेज PNG के रूप में एक favicon.ico में जाती हैं, और साथ में अलग 16 और 32 px की PNG, 180 px का Apple touch icon और Android के इस्तेमाल वाले 192 और 512 px के आइकन भी बनते हैं। इनके साथ एक वेब मैनिफ़ेस्ट और लिंक टैग का ब्लॉक भी आता है, और टेक्स्ट या इमोजी से शुरू करने पर असली SVG favicon भी बनता है। डाउनलोड से पहले प्रीव्यू हर साइज़ को पिक्सेल-दर-पिक्सेल और लाइट व डार्क ब्राउज़र टैब के भीतर दिखाते हैं। यह सब आपके डिवाइस पर बनता है, और आपकी तस्वीर कभी अपलोड नहीं होती।

विशेषताएँ

  • इमेज, टेक्स्ट या इमोजी से शुरुआत, डाउनलोड से पहले लाइव प्रीव्यू के साथ
  • 16, 32 और 48 px की इमेज वाली favicon.ico, साथ में अलग 16 और 32 px की PNG
  • 180 px का Apple touch icon, भरा हुआ और चौकोर, ताकि iOS उसे ख़ुद गोल कर सके
  • 192 और 512 px के Android आइकन, मेल खाती site.webmanifest के साथ
  • टेक्स्ट और इमोजी के लिए असली favicon.svg, जो किसी भी साइज़ पर तीखा रहता है
  • इमेज के लिए फ़िट, पैडिंग, कॉर्नर रेडियस और बैकग्राउंड के विकल्प
  • 16 से 180 px तक पिक्सेल-सटीक प्रीव्यू, और लाइट व डार्क में ब्राउज़र टैब के मॉकअप
  • सभी फ़ाइलों की एक ZIP, और लिंक टैग जो सीधे आपके head में पेस्ट करने के लिए तैयार हैं

Favicon जनरेटर का उपयोग कैसे करें

  1. Image, Text या Emoji चुनें, फिर लोगो ड्रॉप करें, तीन तक अक्षर टाइप करें या कोई इमोजी चुनें
  2. फ़िट, पैडिंग, रंग और कोनों का आकार बदलें; प्रीव्यू और ब्राउज़र टैब साथ-साथ अपडेट होते रहते हैं
  3. अपने ऐप का नाम और थीम रंग दर्ज करें, और वह फ़ोल्डर भी जहाँ से आइकन परोसे जाएँगे
  4. ZIP डाउनलोड करें, फ़ाइलें अपनी साइट पर अपलोड करें, और लिंक टैग अपने head में पेस्ट करें

उदाहरण

इनपुट

Source: emoji 🚀 on a rounded tile · theme colour #4f46e5 · icons in the site root

आउटपुट

<link rel="icon" href="/favicon.ico" sizes="16x16 32x32 48x48">
<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="#4f46e5">

टेक्स्ट या इमोजी से बने सेट के टैग; इमेज से बने सेट में SVG वाली पंक्ति नहीं आती।

सामान्य त्रुटियाँ और समस्या निवारण

  • नई फ़ाइलें अपलोड करने के बाद भी पुराना favicon दिख रहा है। — ब्राउज़र favicon को लंबे समय तक कैश में रखते हैं। आइकन का पता सीधे खोलें, उसे Ctrl+Shift+R (Mac पर ⌘⇧R) से रीलोड करें, फिर पेज रीलोड करें। प्राइवेट विंडो में मौजूदा आइकन तुरंत दिख जाता है।
  • ब्राउज़र टैब में आइकन धुँधला या मटमैला दिख रहा है। — कम से कम 512 px की चौकोर तस्वीर से शुरू करें और डिज़ाइन सादा रखें, क्योंकि 16 px पर बारीक डिटेल ग़ायब हो जाती है। चौड़ा लोगो अक्सर ज़्यादा पैडिंग या Cover फ़िट के साथ बेहतर दिखता है।
  • Apple touch icon में काले कोने या काला बैकग्राउंड आ रहा है। — iOS ट्रांसपेरेंट पिक्सेल को काला रंग देता है। 180 px का आइकन आपके आइकन के बैकग्राउंड रंग से भरा जाता है, या आइकन ट्रांसपेरेंट हो तो मैनिफ़ेस्ट के बैकग्राउंड रंग से, और उसके कोने चौकोर रहते हैं ताकि iOS उन्हें ख़ुद गोल करे।
  • फ़ाइलों की लिस्ट में favicon.svg नहीं है। — असली SVG सिर्फ़ Text और Emoji से बने सेट में होता है, जहाँ अक्षर लाइव टेक्स्ट बने रहते हैं। फ़ोटो या लोगो की फ़ाइल SVG के रैपर में सिर्फ़ एक बिटमैप होती, इसलिए उसके लिए PNG और ICO फ़ाइलें ही काफ़ी हैं।

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

2026 में मुझे favicon के कौन-से साइज़ चाहिए?
16, 32 और 48 px की इमेज वाली favicon.ico, 180 px का apple-touch-icon, और मैनिफ़ेस्ट के लिए 192 और 512 px के आइकन लगभग हर ब्राउज़र और फ़ोन को कवर कर देते हैं। अलग 16 और 32 px की PNG और एक SVG काम की अतिरिक्त फ़ाइलें हैं, और Favicon जनरेटर ये सब एक साथ बना देता है।
ICO, PNG और SVG favicon में क्या अंतर है?
ICO मूल कंटेनर फ़ॉर्मेट है और ब्राउज़र आज भी उसे साइट के रूट से अपने-आप माँगते हैं, इसलिए वह पुराने ब्राउज़र और बुकमार्क को कवर करता है। टैब और फ़ोन आइकन के लिए PNG सुरक्षित चुनाव है। SVG एक ही वेक्टर फ़ाइल है जो किसी भी साइज़ पर तीखी रहती है, पर हर ब्राउज़र उसे सपोर्ट नहीं करता, इसीलिए सेट में तीनों शामिल हैं।
favicon की फ़ाइलें और लिंक टैग कहाँ रखूँ?
फ़ाइलें उस फ़ोल्डर में अपलोड करें जहाँ से आपकी साइट परोसी जाती है, आम तौर पर होम पेज के बगल में रूट में। फिर बने हुए टैग हर पेज के head एलिमेंट के भीतर पेस्ट करें। अगर आइकन किसी सबफ़ोल्डर में हैं, तो पहले टूल में वह फ़ोल्डर दर्ज करें, ताकि टैग और मैनिफ़ेस्ट के पाथ सही रहें।
फ़ाइलें बदलने के बाद भी मेरा favicon क्यों नहीं बदलता?
ब्राउज़र favicon को पेज से अलग कैश करते हैं और पुराना आइकन कई दिन तक पकड़े रह सकते हैं। आइकन के अपने पते को Ctrl+Shift+R से रीलोड करें, साइट की कैश की हुई इमेज साफ़ करें, या प्राइवेट विंडो में जाँचें। फ़ाइलों का नाम बदलने और टैग अपडेट करने से भी ताज़ा डाउनलोड होना तय हो जाता है।
क्या मैं इमोजी को favicon बना सकता हूँ?
हाँ। Emoji टैब चुनें, एक इमोजी टाइप या पेस्ट करें, और साइज़ व चाहें तो बैकग्राउंड चुनें। PNG और ICO फ़ाइलें इसी डिवाइस के इमोजी फ़ॉन्ट से बनती हैं, इसलिए वे हर जगह एक जैसी दिखती हैं। SVG में लाइव टेक्स्ट होता है, इसलिए हर विज़िटर का सिस्टम इमोजी का अपना ही रूप बनाता है।
Android और मैनिफ़ेस्ट के आइकन क्या काम करते हैं?
192 और 512 px की PNG site.webmanifest में दर्ज होती हैं। Android इन्हें होम-स्क्रीन शॉर्टकट और स्प्लैश स्क्रीन के लिए इस्तेमाल करता है, और इंस्टॉल होने वाले वेब ऐप को इनकी ज़रूरत होती है। मैनिफ़ेस्ट में आपके ऐप का नाम, छोटा नाम और रंग भी रहते हैं, जो आप टूल में तय कर सकते हैं।

संबंधित टूल

  • App Icon Generator — एक इमेज को iOS, macOS और Android की हर app icon साइज़ में बदलें — आपके browser में जनरेट होकर ZIP के रूप में डाउनलोड।
  • SVG से PNG कन्वर्टर — SVG मार्कअप या फ़ाइल को किसी भी स्केल पर एक कुरकुरे PNG या JPG में बदलें।
  • इमेज फ़ॉर्मेट कन्वर्टर — इमेज को PNG, JPEG और WebP के बीच पूरी तरह आपके ब्राउज़र में कन्वर्ट करें।
  • Open Graph जेनरेटर — सोशल कार्ड पूर्वावलोकन के साथ Open Graph और Twitter मेटा टैग जेनरेट करें।
  • Meta टैग जेनरेटर — एक फ़ॉर्म से SEO, Open Graph, और Twitter Card meta टैग जेनरेट करें।
  • इमेज रीसाइज़र — फ़ोटो को पिक्सेल, प्रतिशत, प्रीसेट या सबसे लंबी साइड से रीसाइज़ करें — बैच में, ZIP डाउनलोड के साथ।
  • Base64 इमेज एन्कोडर / डिकोडर — इमेज को HTML और CSS स्निपेट वाले Base64 Data URI में बदलें, या Data URI को डाउनलोड करने योग्य इमेज में डिकोड करें।

इमेज के और टूल

इमेज के सभी टूल देखें (35) · सभी टूल