सीधे कंटेंट पर जाएँ

फ़ेविकॉन बनाएँ

इमेज, टेक्स्ट या इमोजी से favicon.ico, PNG आइकन, Apple touch icon और वेब मैनिफ़ेस्ट बनाएँ। सब कुछ आपके ब्राउज़र में तैयार होता है।

16px
32px
48px
64px
iPhone होम स्क्रीनapple-touch-icon.png · 180 × 180, iOS कोने खुद गोल करता हैवेबसाइट
Android (मास्केबल)लोगो को बिंदीदार सुरक्षित क्षेत्र के अंदर रखें
वेब ऐप की जानकारी
#

वह जगह जहाँ आप फ़ाइलें अपलोड करेंगे, जैसे / या /icons/

इसे अपने HTML <head> में जोड़ें
site.webmanifest
आपके ब्राउज़र में चलता है · अपलोड नहीं होतायह कैसे काम करता है

फ़ेविकॉन जनरेटर इस्तेमाल कैसे करें

  1. 1

    स्रोत चुनें

    25 MB तक का लोगो या फ़ोटो अपलोड करें, 11 फ़ॉन्ट में से किसी एक में एक से तीन अक्षर लिखें, या कोई इमोजी चुनें।

  2. 2

    आइकन डिज़ाइन करें

    आकार के 12 विकल्पों में से चुनें, बिना आकार या सादे चौकोर से लेकर कुकी या क्लोवर तक। साथ में बैकग्राउंड रंग या पारदर्शिता, पैडिंग और कोनों की गोलाई तय करें।

  3. 3

    हर साइज़ जाँचें

    आइकन का प्रीव्यू 16 से 192 पिक्सल तक देखें, लाइट और डार्क ब्राउज़र टैब में, और Android के मास्केबल सुरक्षित क्षेत्र के अंदर भी।

  4. 4

    डाउनलोड करें और लगाएँ

    favicon.zip सेव करें, उसे अपनी साइट के फ़ोल्डर में खोलें, और बना हुआ HTML पेज के head में पेस्ट करें।

सीमाएँ और Pro

टेक्स्ट या इमोजी से असीमित आइकन सेट; इमेज स्रोत 25 MB तक, एक बार में एक। हर सेट में 10 फ़ाइलें होती हैं।

Pro में लोगो इमेज की अपलोड सीमा बढ़कर 4 GB हो जाती है। Pro देखें

फ़ेविकॉन जनरेटर के बारे में

फ़ेविकॉन जनरेटर एक ही डिज़ाइन से वे सभी आइकन बनाता है जो किसी आधुनिक वेबसाइट को चाहिए। ZIP में favicon.ico होता है, जिसके अंदर 16, 32 और 48 पिक्सल की इमेज रहती हैं। इसके अलावा 16, 32 और 48 पिक्सल के अलग PNG, ठोस बैकग्राउंड वाला 180 पिक्सल का apple-touch-icon (iOS अपने गोल कोने खुद जोड़ता है), 192 और 512 पिक्सल के Android Chrome आइकन, 512 पिक्सल का मास्केबल आइकन जिसकी सामग्री 80% सुरक्षित क्षेत्र के अंदर रहती है, आपके ऐप के नाम, छोटे नाम और थीम रंग वाला site.webmanifest, और link व theme-color टैग वाला पेस्ट करने के लिए तैयार HTML स्निपेट भी मिलता है। सभी PNG बिना क्वालिटी खोए ऑप्टिमाइज़ किए जाते हैं।

अपलोड की गई तस्वीरें Lanczos फ़िल्टर से छोटी की जाती हैं, इसलिए बड़ा लोगो 16 पिक्सल पर भी साफ़ रहता है, और SVG लोगो पहले 1,024 पिक्सल पर बनाया जाता है। टेक्स्ट आइकन आपके चुने फ़ॉन्ट से बनते हैं और इमोजी Noto Color Emoji फ़ॉन्ट से, इसलिए नतीजा हर विज़िटर के सिस्टम पर एक जैसा दिखता है। अगर आपके आइकन साइट के रूट में नहीं रहेंगे, तो फ़ोल्डर लिखें, जैसे /icons/, और स्निपेट व मेनिफ़ेस्ट के पाथ उसी के हिसाब से बदल जाएँगे।

आम इस्तेमाल हैं: नई वेबसाइट या ब्लॉग, ऐसा वेब ऐप जिसे लोग होम स्क्रीन पर इंस्टॉल करते हैं, ब्राउज़र टैब में अलग दिखने वाला इंटरनल डैशबोर्ड, या किसी छोटे प्रोजेक्ट के लिए झटपट प्लेसहोल्डर आइकन। 16 पिक्सल पर बारीक डिटेल और लंबे शब्द गायब हो जाते हैं, इसलिए सादे आकार और एक-दो अक्षर सबसे अच्छे रहते हैं। यह टूल फ़ाइलें होस्ट नहीं करता और आपकी साइट को एडिट नहीं करता; उन्हें आपको खुद अपलोड करना होगा।

गोपनीयता

आइकन इसी टैब में कैनवस पर बनते हैं और साइट के WebAssembly PNG कोडेक से Web Worker में एन्कोड होते हैं, इसलिए अपलोड किया गया लोगो आपके डिवाइस से बाहर नहीं जाता। अगर आप Google फ़ॉन्ट में से कोई चुनते हैं या इमोजी स्रोत इस्तेमाल करते हैं, तो एडिटिंग शुरू होने पर ब्राउज़र वह फ़ॉन्ट Google Fonts से एक बार डाउनलोड करता है; अनुरोध में सिर्फ़ फ़ॉन्ट का नाम होता है, आपका टेक्स्ट कभी नहीं, और पेज खुलने पर कुछ भी डाउनलोड नहीं होता।

खूबियाँ

पूरा आइकन सेट

ICO, PNG साइज़, Apple touch icon, Android और मास्केबल आइकन और वेब मेनिफ़ेस्ट, सब एक ZIP में।

इमेज, टेक्स्ट या इमोजी

अपना लोगो, 11 फ़ॉन्ट में एक से तीन अक्षर, या कोई भी इमोजी स्रोत के तौर पर इस्तेमाल करें।

अलग-अलग आकार

चौकोर, गोल कोने, गोला और आठ Material आकार, साथ में पैडिंग और कोनों की गोलाई के कंट्रोल।

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

link टैग, थीम रंग और मेनिफ़ेस्ट के पाथ आपके चुने फ़ोल्डर के हिसाब से बनते हैं।

फ़ेविकॉन जनरेटर: अक्सर पूछे जाने वाले सवाल

2026 में फ़ेविकॉन के लिए कौन-से साइज़ चाहिए?
ब्राउज़र टैब में 16 या 32 पिक्सल का आइकन इस्तेमाल करते हैं और कुछ सर्च रिज़ल्ट पेज पर 48 पिक्सल का। iPhone और iPad होम स्क्रीन पर 180 पिक्सल का apple-touch-icon लेते हैं, और Android वेब मेनिफ़ेस्ट से 192 और 512 पिक्सल के आइकन। डाउनलोड में ये सभी हैं, साथ में पुराने ब्राउज़र और उन टूल के लिए मल्टी-साइज़ favicon.ico भी, जो अपने आप /favicon.ico खोजते हैं।
अपनी वेबसाइट में फ़ेविकॉन कैसे जोड़ें?
favicon.zip को उस फ़ोल्डर में खोलें जो आपकी साइट का रूट चलाता है, ताकि favicon.ico /favicon.ico पर मिले, या आइकन फ़ोल्डर में जो फ़ोल्डर लिखा था उसमें खोलें। टूल से या ZIP की favicon-snippet.html से HTML स्निपेट कॉपी करके हर पेज के head में या अपनी थीम के हेडर टेम्पलेट में डालें। ब्राउज़र फ़ेविकॉन को बहुत कैश करते हैं, इसलिए बदलाव देखने के लिए हार्ड रिफ़्रेश करना पड़ सकता है।
क्या इमोजी या अक्षरों से फ़ेविकॉन बन सकता है?
हाँ। इमोजी चुनें और 24 सुझावों में से कोई लें या कोई भी इमोजी लिखें, या टेक्स्ट चुनकर तीन अक्षर तक लिखें, जैसे आपके नाम के पहले अक्षर, Inter, Bebas Neue या Press Start 2P जैसे फ़ॉन्ट में। इसे किसी आकार और बैकग्राउंड रंग के साथ जोड़ सकते हैं। इमोजी Noto Color Emoji फ़ॉन्ट से बनती हैं, इसलिए आइकन Windows, Mac, Android और iPhone पर एक जैसा दिखता है।
मास्केबल आइकन क्या होता है?
Android इंस्टॉल किए गए वेब ऐप को फ़ोन बनाने वाली कंपनी के चुने आकार में दिखाता है, जैसे गोला, स्क्विर्कल या बूँद, और आइकन को उसी में काट देता है। मास्केबल आइकन पूरे चौकोर को भरता है और ज़रूरी हिस्सा बीच के 80% गोले के अंदर रखता है, ताकि कुछ कटे नहीं। प्रीव्यू में सुरक्षित क्षेत्र चालू करके वह गोला देखें, और लोगो किनारे के पास आए तो पैडिंग बदलें।
क्या favicon.ico अब भी ज़रूरी है, या PNG काफ़ी है?
आधुनिक ब्राउज़र link टैग के PNG आइकन आराम से इस्तेमाल करते हैं, फिर भी favicon.ico रखना अच्छा है: कुछ ब्राउज़र, RSS रीडर, बुकमार्क टूल और क्रॉलर आपका HTML पढ़े बिना सीधे /favicon.ico माँगते हैं। बना हुआ ICO एक फ़ाइल में 16, 32 और 48 पिक्सल की इमेज रखता है, इसलिए हर जगह साफ़ दिखता है। डाउनलोड में दोनों मिलते हैं और स्निपेट दोनों का हवाला देता है।
सभी इमेज टूल