इस टूल के बारे में
Favicon वह छोटा आइकन है जो ब्राउज़र टैब, बुकमार्क और फ़ोन होम स्क्रीन पर दिखता है — और आधुनिक साइटों को यह कई आकार और फ़ॉर्मैट में चाहिए। यह जनरेटर एक ही स्रोत से पूरा सेट बनाता है: कोई logo अपलोड करें, या एक अक्षर या इमोजी टाइप करें और बैकग्राउंड चुनें, और यह 16, 32, 48, 180, 192 और 512 पिक्सेल पर तीखे आइकन रेंडर करता है।
क्लासिक बहु-रिज़ॉल्यूशन favicon.ico डाउनलोड करें, अलग-अलग PNG लें, और अपने पेज के head में पेस्ट करने के लिए सटीक link व meta टैग कॉपी करें। यह सब आपके ब्राउज़र में Canvas API से बनाया जाता है — आपकी इमेज कभी अपलोड नहीं होती।
अक्सर पूछे जाने वाले प्रश्न
क्या मेरी अपलोड की गई इमेज सर्वर पर भेजी जाती है?
नहीं। हर साइज़ स्थानीय रूप से एक HTML canvas पर रेंडर होता है — आपकी इमेज कभी ब्राउज़र से बाहर नहीं जाती।
मुझे असल में कौन-कौन से साइज़ चाहिए?
16×16 और 32×32 पारंपरिक ब्राउज़र टैब फ़ेविकॉन के लिए हैं, 180×180 Apple touch icon (iOS होम स्क्रीन) के लिए है, और 192×192/512×512 वेब ऐप मैनिफ़ेस्ट में Android/PWA इंस्टॉल के लिए उपयोग होते हैं।
क्या मुझे .ico फ़ाइल चाहिए, या PNG काफ़ी हैं?
आधुनिक ब्राउज़र link टैग के ज़रिए PNG फ़ेविकॉन को आराम से इस्तेमाल कर लेते हैं, लेकिन पुराने ब्राउज़र, बुकमार्क और वे टूल्स जो सिर्फ़ favicon.ico नाम से इसे ढूँढते हैं, उनके लिए इसे रखना अब भी फ़ायदेमंद है।
मेरा इमेज-आधारित आइकन छोटे साइज़ में धुंधला क्यों दिखता है?
छोटे फ़ेविकॉन में काम करने के लिए बहुत कम पिक्सेल होते हैं, इसलिए बारीक विवरण खो जाता है। एक सरल, हाई-कॉन्ट्रास्ट चौकोर इमेज से शुरुआत करें — पतली लाइनों या ज़्यादा टेक्स्ट वाले लोगो शायद ही 16×16 तक सिकुड़ने पर साफ़ बचते हैं।
जनरेट किया गया फ़ेविकॉन अपनी साइट में कैसे जोड़ूं?
फ़ाइलें (या .ico) डाउनलोड करें, उन्हें अपनी साइट के रूट में रखें, और 'Copy HTML' वाला स्निपेट अपने पेज के head में पेस्ट करें।