फ़ेविकॉन जनरेटर
अपनी वेबसाइट के लिए टेक्स्ट, इमोजी या छवियों से फ़ेविकॉन बनाएँ
फ़ेविकॉन डिज़ाइन
इमोजी चुनें
0% वर्गाकार है; 100% मूल पूरी तरह गोल आकार उपयोग करता है।
10 MiB तक की छवि फ़ाइल। स्रोत रेंडरर छवि को वर्ग में खींच देता है।
पूर्वावलोकन और फ़ाइलें
यह एक उदाहरण है। ब्राउज़र और सिस्टम में इमोजी का रेंडरिंग अलग हो सकता है।
लाइव पूर्वावलोकन अपडेट हुआ। डिज़ाइन तैयार होने पर फ़ाइलें बनाएँ।
बनाई गई PNG फ़ाइलें
डिज़ाइन बदल गया है। इन फ़ाइलों में अब भी आख़िरी बनाया गया डिज़ाइन है; अपडेट करने के लिए दोबारा बनाएँ।
PNG फ़ाइलें: 16, 32, 48, 64, 128 और 256 px। ICO में बनाई गई 32 px PNG होती है।
अपनी साइट में जोड़ें
- डाउनलोड की गई फ़ाइलें अपलोड करें और कॉपी किए गए टैग अपने पेज के head में उपयोग करें।
- डिफ़ॉल्ट टैग पाथ आपकी साइट के रूट को संदर्भित करते हैं; फ़ाइलें कहीं और रखें तो उन्हें बदलें।
- ICO डाउनलोड में हर बनाए गए आकार की जगह एक PNG छवि होती है।
- Apple टच आइकन और वेब-ऐप मैनिफ़ेस्ट आइकन अलग एसेट हैं; यह टूल वे फ़ाइलें नहीं बनाता।
- फ़ेविकॉन खोज परिणामों में दिखेगा, इसकी गारंटी नहीं है।
- यह टूल आपकी फ़ाइल अपलोड किए बिना ब्राउज़र में पढ़ता है। मूल फ़ाइल की असंपादित कॉपी अलग रखें।
फ़ेविकॉन जनरेटर टूल के बारे में
हमारा मुफ़्त ऑनलाइन फ़ेविकॉन जनरेटर आपको सीधे ब्राउज़र में टेक्स्ट, अक्षरों, इमोजी या अपलोड की गई छवियों से पेशेवर फ़ेविकॉन बनाने देता है। फ़ेविकॉन वे छोटे आइकन हैं जो ब्राउज़र टैब, बुकमार्क और सर्च नतीजों में दिखते हैं, और ब्रांड की पहचान तथा उपयोगकर्ता अनुभव में अहम भूमिका निभाते हैं। इस टूल से आप किसी डिज़ाइन सॉफ़्टवेयर या तकनीकी विशेषज्ञता के बिना कई आकारों में फ़ेविकॉन डिज़ाइन और डाउनलोड कर सकते हैं।
जनरेटर तीन निर्माण मोड सपोर्ट करता है: Text/Letter मोड, जिसमें एक या दो अक्षरों से फ़ॉन्ट, रंग और शैली पर पूरे नियंत्रण के साथ फ़ेविकॉन बनता है; Emoji मोड, जिसमें किसी भी इमोजी से बदले जा सकने वाले बैकग्राउंड और आकार के साथ तुरंत फ़ेविकॉन बनता है; और Upload मोड, जिसमें ब्राउज़र द्वारा डिकोड की जा सकने वाली छवियों से वर्गाकार फ़ेविकॉन फ़ाइलें बनती हैं। टूल चुनी गई फ़ाइल को अपलोड किए बिना स्थानीय रूप से रेंडर करता है; इसकी गारंटी नहीं कि पृष्ठ की हर अन्य स्क्रिप्ट या अनुरोध निजी है।
टूल छह वर्गाकार PNG आकार बनाता है: 16, 32, 48, 64, 128 और 256 px। अलग-अलग फ़ाइलें, एक इकलौती PNG-आधारित 32 px ICO और मेल खाते HTML लिंक टैग डाउनलोड करें। ये एसेट हर प्लेटफ़ॉर्म की आइकन ज़रूरत पूरी नहीं करते।
मुख्य सुविधाएँ
- तीन निर्माण मोड: Text/Letter, Emoji और छवि अपलोड
- बदले जा सकने वाले टेक्स्ट रंग, बैकग्राउंड रंग, फ़ॉन्ट फ़ैमिली और फ़ॉन्ट वज़न
- वर्गाकार से गोलाकार तक एडजस्ट करने योग्य कोने का गोलापन
- टेक्स्ट और इमोजी मोड के लिए पारदर्शी बैकग्राउंड का सपोर्ट
- 32 आमतौर पर इस्तेमाल होने वाले इमोजी वाला लोकप्रिय इमोजी क्विक-सिलेक्ट ग्रिड
- छह मानक फ़ेविकॉन आकार बनाता है: 16x16, 32x32, 48x48, 64x64, 128x128 और 256x256
- सेटिंग बदलते समय रीयल टाइम अपडेट के साथ लाइव पूर्वावलोकन
- नकली ब्राउज़र टैब पूर्वावलोकन, जो दिखाता है कि आपका फ़ेविकॉन कैसा दिखेगा
- अलग-अलग आकार PNG फ़ाइलों के रूप में डाउनलोड करें
- एक बनाई गई 32 px PNG वाला favicon.ico कंटेनर डाउनलोड करें; संगतता क्लाइंट पर निर्भर करती है
- वेबसाइट में आसानी से जोड़ने के लिए HTML लिंक टैग क्लिपबोर्ड पर कॉपी करें
- सारी प्रोसेसिंग ब्राउज़र में होती है, सर्वर पर शून्य अपलोड
फ़ेविकॉन जनरेटर का उपयोग कैसे करें
- मोड चुनें: अक्षरों से फ़ेविकॉन बनाने के लिए Text/Letter, इमोजी इस्तेमाल करने के लिए Emoji, या मौजूदा छवि बदलने के लिए Upload Image चुनें।
- अपना डिज़ाइन तैयार करें: Text मोड में 1-2 अक्षर दर्ज करें और फ़ॉन्ट आकार, रंग, कोने का गोलापन, फ़ॉन्ट फ़ैमिली और वज़न एडजस्ट करें। Emoji मोड में इमोजी चुनें या टाइप करें और बैकग्राउंड तथा आकार तय करें। Upload मोड में अपने डिवाइस से छवि फ़ाइल चुनें।
- रीयल टाइम में पूर्वावलोकन देखें: सेटिंग बदलते ही लाइव 256x256 पूर्वावलोकन को तुरंत अपडेट होते देखें। ब्राउज़र टैब मॉक-अप में देखें कि असली टैब में आपका फ़ेविकॉन कैसा दिखेगा।
- फ़ेविकॉन बनाएँ: अपने डिज़ाइन से सभी छह मानक आकार बनाने के लिए "Generate Favicons" बटन पर क्लिक करें।
- अपने फ़ेविकॉन डाउनलोड करें: हर आकार की अलग PNG फ़ाइलें डाउनलोड करें, favicon.ico फ़ाइल पाएँ, या अपनी वेबसाइट के head सेक्शन के लिए HTML लिंक टैग कॉपी करें।
- अपनी वेबसाइट में जोड़ें: डाउनलोड की गई फ़ाइलें अपनी साइट की रूट डायरेक्टरी में रखें और HTML लिंक टैग अपने HTML दस्तावेज़ के head में चिपकाएँ।
उपयोग के मामले
- नई वेबसाइट लॉन्च: ग्राफ़िक डिज़ाइनर की ज़रूरत के बिना नई वेबसाइट या वेब एप्लिकेशन के लिए जल्दी से पेशेवर फ़ेविकॉन बनाएँ।
- निजी ब्रांडिंग: निजी ब्लॉग, पोर्टफ़ोलियो या पेशेवर वेबसाइट के लिए अपने नाम के आद्याक्षरों से अक्षर-आधारित फ़ेविकॉन बनाएँ।
- स्टार्टअप MVP: शुरुआती विकास के चरणों में, जब पूरी ब्रांड पहचान अभी तय नहीं हुई है, एक अस्थायी लेकिन निखरा हुआ फ़ेविकॉन बनाएँ।
- साइड प्रोजेक्ट और प्रयोग: कस्टम इमोजी या टेक्स्ट फ़ेविकॉन से शौक़िया प्रोजेक्ट, हैकाथॉन एंट्री या प्रयोगात्मक साइटों में अपनी पहचान जोड़ें।
- वेब डेवलपमेंट टेस्टिंग: डेवलपमेंट एनवायरनमेंट, स्टेजिंग सर्वर या क्लाइंट प्रोटोटाइप के लिए प्लेसहोल्डर फ़ेविकॉन बनाएँ।
- कई साइटों का प्रबंधन: कई खुले टैब में फ़र्क़ करने में मदद के लिए अलग-अलग साइटों, सबडोमेन या वेब एप्लिकेशन के लिए अलग फ़ेविकॉन बनाएँ।
- दस्तावेज़ीकरण और ट्यूटोरियल: डेमो वेबसाइटों, कोड उदाहरणों और शैक्षिक सामग्री के लिए फ़ेविकॉन एसेट बनाएँ।
- ब्राउज़र एक्सटेंशन विकास: ऐसे ब्राउज़र एक्सटेंशन के लिए आइकन एसेट बनाएँ जिन्हें अलग-अलग आकारों में छोटे, पहचानने योग्य आइकन चाहिए।
अक्सर पूछे जाने वाले प्रश्न
फ़ेविकॉन क्या है?
फ़ेविकॉन ("favorites icon" का संक्षिप्त रूप) किसी वेबसाइट से जुड़ा एक छोटा आइकन है। यह ब्राउज़र टैब, बुकमार्क सूचियों, ब्राउज़र इतिहास और सर्च इंजन नतीजों में दिखता है। फ़ेविकॉन कई खुले टैब और बुकमार्क के बीच उपयोगकर्ताओं को आपकी वेबसाइट जल्दी पहचानने और ढूँढने में मदद करते हैं।
मुझे अपने फ़ेविकॉन के लिए कौन-से आकार इस्तेमाल करने चाहिए?
यह टूल 16, 32, 48, 64, 128 और 256 px की PNG फ़ाइलें और एक 32 px ICO देता है। अपने लक्षित क्लाइंट को जो आकार चाहिए, वही चुनें; Google Search फ़िलहाल 48 px से बड़े वर्गाकार आइकन सुझाता है, और शामिल किए जाने की गारंटी नहीं है।
PNG और ICO फ़ॉर्मैट में क्या अंतर है?
PNG एक रैस्टर छवि फ़ॉर्मैट है; ICO एक आइकन कंटेनर है। यह टूल छह PNG फ़ाइलें एक्सपोर्ट करता है और बनाई गई 32 px PNG को एक ICO प्रविष्टि के भीतर रखता है। अपने लक्षित क्लाइंट की ज़रूरतें जाँचें; कोई भी फ़ॉर्मैट सार्वभौमिक सपोर्ट की गारंटी नहीं देता।
क्या मैं पारदर्शी फ़ेविकॉन बना सकता हूँ?
हाँ, Text/Letter और Emoji, दोनों मोड में आप पारदर्शी बैकग्राउंड का विकल्प चालू कर सकते हैं। इससे पारदर्शी बैकग्राउंड वाला फ़ेविकॉन बनता है, जो उन फ़ेविकॉन के लिए उपयोगी है जिन्हें ब्राउज़र के टैब बैकग्राउंड रंग में घुल-मिल जाना चाहिए।
क्या मेरी अपलोड की गई छवि किसी सर्वर को भेजी जाती है?
यह टूल आपकी चुनी हुई छवि को अपलोड किए बिना ब्राउज़र में रेंडर करता है। फ़ाइलें 10 MiB तक सीमित हैं और फ़ॉर्मैट ब्राउज़र की डिकोडिंग पर निर्भर करते हैं। यह कथन साइट की अन्य स्क्रिप्ट द्वारा किए गए स्टोरेज, ट्रैकिंग या अनुरोधों को कवर नहीं करता।
मैं अपनी वेबसाइट में फ़ेविकॉन कैसे जोड़ूँ?
डाउनलोड की गई फ़ेविकॉन फ़ाइलें अपनी वेबसाइट की रूट डायरेक्टरी (या अपनी पसंद की किसी सबडायरेक्टरी) में रखें, फिर HTML लिंक टैग अपने HTML के head सेक्शन में जोड़ें। उपयोग के लिए तैयार लिंक टैग आप इस टूल से कॉपी कर सकते हैं। उदाहरण: <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
सुझाव और सर्वोत्तम तरीके
- इसे सरल रखें: फ़ेविकॉन बहुत छोटे आकार में दिखाए जाते हैं। गहरी, सरल आकृतियाँ और ऊँचे कंट्रास्ट वाले रंग इस्तेमाल करें, जो 16x16 पिक्सेल पर भी पहचाने जा सकें।
- अधिकतम 1-2 अक्षर इस्तेमाल करें: टेक्स्ट-आधारित फ़ेविकॉन के लिए एक अक्षर सबसे अच्छा रहता है। दो अक्षर भी चल सकते हैं, पर छोटे आकार में कम पढ़े जा सकते हैं।
- अलग दिखने वाले रंग चुनें: पक्का करें कि आपका टेक्स्ट या इमोजी बैकग्राउंड के सामने साफ़ उभरे। ऊँचा कंट्रास्ट ब्राउज़र टैब में दृश्यता सुनिश्चित करता है।
- छोटे आकारों में जाँचें: अंतिम रूप देने से पहले हमेशा देखें कि आपका फ़ेविकॉन 16x16 और 32x32 पर कैसा दिखता है। जो 256x256 पर बढ़िया दिखता है, वह छोटे आकारों में पढ़ने लायक न भी हो।
- डार्क मोड का ध्यान रखें: कई उपयोगकर्ता डार्क ब्राउज़र थीम के साथ ब्राउज़ करते हैं। पारदर्शी बैकग्राउंड और गहरी सामग्री वाला फ़ेविकॉन अदृश्य हो सकता है। रंगीन बैकग्राउंड जोड़ने या हल्के रंग की सामग्री इस्तेमाल करने पर विचार करें।
- कोने के गोलेपन का इस्तेमाल करें: गोल कोने (20-30%) फ़ेविकॉन को आधुनिक, निखरा हुआ रूप देते हैं। पूरा गोला (100%) अकेले अक्षरों या इमोजी के लिए अच्छा रहता है।
- कई आकार शामिल करें: अपने लक्षित क्लाइंट के अनुरूप एसेट दें। यह टूल सूचीबद्ध छह PNG आकार और एक ICO बनाता है; Apple touch और वेब-ऐप मैनिफ़ेस्ट आइकन के लिए अलग एसेट चाहिए, और सभी डिवाइस के पूरे कवरेज की गारंटी नहीं है।