फ़ेविकॉन जनरेटर
अपना लोगो अपलोड करें और साइट के लिए ज़रूरी सारे आइकन एक ही ZIP में पाएँ: 16, 32 और 48 पिक्सेल वाली favicon.ico, Google के लिए 48 पिक्सेल की PNG, iPhone के लिए अपारदर्शी बैकग्राउंड वाला Apple Touch Icon, Android के लिए 192 और 512 पिक्सेल के आइकन, सुरक्षित क्षेत्र का ध्यान रखने वाला मास्केबल आइकन, और site.webmanifest। SVG अपलोड करने पर icon.svg भी शामिल होती है। आप टैब, Google नतीजे और होम स्क्रीन के प्रीव्यू देख सकते हैं और तैयार <head> कोड कॉपी कर सकते हैं; सब कुछ आपके ब्राउज़र में चलता है।
- मुफ़्त, साइन-अप नहीं
- आपकी फ़ाइल आपके डिवाइस से बाहर नहीं जाती
- प्रति फ़ाइल 50 MB तक
शुरू करने के लिए अपना लोगो या आइकन की इमेज जोड़ें। PNG, SVG, JPG और WebP सब चलती हैं; सबसे अच्छे नतीजे के लिए कम से कम 512 × 512 पिक्सेल की वर्गाकार इमेज लें।
आपकी फ़ाइल आपके डिवाइस से बाहर नहीं जाती; इमेज ब्राउज़र में ही प्रोसेस होती हैं। आउटपुट में EXIF और लोकेशन का डेटा नहीं जोड़ा जाता।
फ़ेविकॉन कैसे बनाएँ
अपना लोगो जोड़ें
PNG, SVG, JPG या WebP लोगो अपलोड करें। सबसे अच्छे नतीजे के लिए कम से कम 512 × 512 पिक्सेल की वर्गाकार इमेज लें; SVG भी चलती है।
नाम, रंग और पैडिंग तय करें
साइट का नाम और छोटा नाम लिखें, थीम और बैकग्राउंड के रंग चुनें, और ज़रूरत हो तो पैडिंग जोड़ें। प्रीव्यू दिखाते हैं कि आइकन टैब में, Google में और होम स्क्रीन पर कैसा दिखेगा।
पैकेज डाउनलोड करें और लगाएँ
ZIP डाउनलोड करें, फ़ाइलें अपनी साइट के रूट फ़ोल्डर में अपलोड करें और दिखाया गया <head> कोड अपने पेजों में जोड़ें।
क्या बना रहता है?
बना रहता है
- आपके लोगो का अनुपात: गैर-वर्गाकार इमेज वर्ग के भीतर बैठाई जाती है, कभी खींची नहीं जाती
- पारदर्शिता (मानक आइकन में; बैकग्राउंड रंग चुनने पर वह रंग भरा जाता है)
- SVG अपलोड करने पर icon.svg जैसी की तैसी शामिल होती है
बदलता है
- हर आइकन उच्च गुणवत्ता पर अपने साइज़ में दोबारा सैंपल होता है
- Apple Touch Icon और मास्केबल आइकन का बैकग्राउंड हमेशा अपारदर्शी होता है: आपका चुना रंग, या “पारदर्शी” चुनने पर सफ़ेद
- मास्केबल आइकन में सामग्री 80% सुरक्षित क्षेत्र में रहती है
साथ नहीं जाता
- PNG या JPG से कोई वेक्टर (SVG) नहीं बनाया जाता; icon.svg केवल SVG इनपुट पर मिलती है
- आइकन में EXIF और दूसरा मेटाडेटा नहीं जोड़ा जाता
कब काम आता है
नई साइट के लिए पूरा आइकन सेट
अकेली favicon.ico अब काफ़ी नहीं है: iPhone की होम स्क्रीन, Android और Google सर्च नतीजे अलग-अलग फ़ाइलें माँगते हैं। एक अपलोड से सब कुछ सही नामों और साइज़ में मिल जाता है।
अपना आइकन Google नतीजों में लाना
Google सर्च नतीजों में साइट का आइकन उस वर्गाकार फ़ाइल से दिखाता है जिसका साइज़ 48 पिक्सेल का गुणज हो, और वह फ़ाइल क्रॉल हो सकने योग्य होनी चाहिए। पैकेज में वह फ़ाइल और उसका <head> लिंक शामिल है।
ऐप की तरह जुड़ने वाली वेबसाइट (PWA)
साइट को होम स्क्रीन पर जोड़ने लायक बनाना हो तो मेनिफ़ेस्ट और 192/512 पिक्सेल के आइकन चाहिए। मास्केबल आइकन से Android जब आइकन को गोल या गोल-कोने वाले वर्ग में काटता है, तब आपका लोगो कटता नहीं।
ध्यान रखने लायक सीमाएँ
- सबसे अच्छे नतीजे के लिए कम से कम 512 × 512 पिक्सेल की वर्गाकार इमेज लें; इससे छोटे स्रोत से बने बड़े आइकन धुँधले दिखते हैं।
- 16 और 32 पिक्सेल के आइकन में पतली रेखाएँ और छोटे अक्षर पढ़े नहीं जाते; मोटे और ऊँचे कंट्रास्ट वाले लोगो बेहतर रहते हैं।
- थीम का रंग केवल मोबाइल ब्राउज़र के एड्रेस बार में लगता है और ब्राउज़र की सेटिंग पर निर्भर करता है।
- Google सर्च नतीजों में आइकन बदलने में कई दिन, यहाँ तक कि हफ़्ते लग सकते हैं, और ब्राउज़र भी आइकन कैश करते हैं।
अक्सर पूछे जाने वाले सवाल
किसी वेबसाइट को कौन-सी फ़ेविकॉन फ़ाइलें चाहिए?
आज का तरीका यह है: रूट फ़ोल्डर में favicon.ico, Google के लिए 48 पिक्सेल की PNG, हो सके तो icon.svg, iPhone के लिए 180 पिक्सेल की apple-touch-icon.png, Android के लिए 192 और 512 पिक्सेल के आइकन और एक site.webmanifest। यह जनरेटर ये सब बनाता है और <head> के लिंक भी देता है।
मास्केबल आइकन क्या होता है?
मास्केबल आइकन अपनी सामग्री सुरक्षित क्षेत्र में रखता है और उसका बैकग्राउंड पूरा भरा होता है, ताकि Android उसे डिवाइस के हिसाब से गोल, गोल-कोने वाले वर्ग या किसी और आकार में काट सके। यहाँ सामग्री 512 पिक्सेल की इमेज के बीच के 80% हिस्से में रखी जाती है।
Apple Touch Icon अपारदर्शी और चौकोर कोनों वाला क्यों है?
क्योंकि iOS पारदर्शी हिस्सों को काला दिखाता है और कोने खुद गोल करता है। इसलिए आइकन बिना गोल कोनों के, आपके चुने बैकग्राउंड रंग (पारदर्शी चुनने पर सफ़ेद) से पूरा भरा हुआ बनता है।
मेरा आइकन Google नतीजों में क्यों नहीं दिखता?
आइकन फ़ाइल को robots.txt से ब्लॉक नहीं होना चाहिए, होम पेज के <head> से जुड़ी होनी चाहिए और 48 पिक्सेल के गुणज साइज़ का वर्ग होनी चाहिए। सुधार के बाद आप Search Console में होम पेज की दोबारा इंडेक्सिंग माँग सकते हैं; अपडेट में फिर भी दिन या हफ़्ते लग सकते हैं।
गैर-वर्गाकार इमेज अपलोड करने पर क्या होता है?
आइकन बिना बिगड़े एक वर्ग के भीतर बैठाए जाते हैं, और किनारों पर खाली जगह बचती है। चाहते हैं कि तस्वीर पूरे वर्ग को भरे, तो पहले क्रॉप टूल से उसे 1:1 में काट लें।
क्या यह PNG से SVG फ़ेविकॉन भी बनाता है?
नहीं। पिक्सेल को अपने-आप वेक्टर में बदलने से आइकन का रूप चुपचाप बदल सकता है, इसलिए icon.svg तभी शामिल होती है जब आप खुद SVG अपलोड करें।
क्या यह टूल मुफ़्त है?
हाँ, पूरी तरह मुफ़्त। न खाता, न सदस्यता, न वॉटरमार्क।
क्या मेरी फ़ाइलें कहीं अपलोड होती हैं?
नहीं। इमेज आपके ब्राउज़र में प्रोसेस होती हैं और आपके डिवाइस से बाहर नहीं जातीं। आउटपुट में EXIF और लोकेशन का डेटा नहीं जोड़ा जाता।