फ़ेविकॉन जेनरेटर

एक अक्षर या इमोजी से एक साधारण फ़ेविकॉन बनाएं, रंग, कोनों और निर्यात आकार को समायोजित करें, फिर पंजीकरण या लॉगिन के बिना अपनी वेबसाइट के लिए PNG या SVG डाउनलोड करें।

पत्र या इमोजीएक या दो वर्णों का उपयोग करें। पूर्वावलोकन पहले दो यूनिकोड वर्ण रखता है।

पृष्ठभूमिअग्रभूमि

कोने की त्रिज्या96pxनिर्यात आकार

पूर्वावलोकन: 512 × 512pxइनपुट: F

ब्राउज़र टैब में आइकन का उपयोग करने से पहले 16px या 32px विकल्प की जाँच करें। PNG और SVG डाउनलोड इस ब्राउज़र में बनाए जाते हैं।

फ़ेविकॉन कैसे बनाएं

कदम 1

एक या दो अक्षर दर्ज करें

एक अक्षर, संक्षिप्त प्रारंभिक, या इमोजी स्ट्रिंग टाइप करें। जैसे ही आप मूल्य संपादित करते हैं पूर्वावलोकन अपडेट हो जाता है।

कदम 2

रंग, कोनों और आकार को समायोजित करें

अग्रभूमि और पृष्ठभूमि रंग चुनें, कोने का दायरा सेट करें, और अपनी ज़रूरत का निर्यात आकार चुनें।

कदम 3

निरीक्षण और निर्यात

सबसे छोटे इच्छित दृश्य की जांच करें, फिर PNG या SVG डाउनलोड करें जो आपके अगले वेबसाइट वर्कफ़्लो से मेल खाता हो।

फ़ेविकॉन आकार और प्रारूप चुनें

विभिन्न पैमानों पर एक ही सरल चिह्न का निरीक्षण करने के लिए आकार चयनकर्ता का उपयोग करें। ये अलग-अलग निर्यात हैं, इसलिए वह फ़ाइल चुनें जो आपके वर्कफ़्लो के अगले चरण से मेल खाती हो।

16px और 32px

यह जांचने के लिए सबसे छोटे विकल्पों का उपयोग करें कि कोई अक्षर या इमोजी टैब या बुकमार्क-आकार वाले स्थान में पहचानने योग्य रहता है या नहीं।

48px

एक 48px निर्यात आपको निरीक्षण करने के लिए एक बड़ा संस्करण देता है जब आइकन को एक छोटे टैब पूर्वावलोकन की तुलना में अधिक जगह की आवश्यकता होती है।

180px टच-आइकन वर्कफ़्लो के लिए

जब आपको अपनी साइट कॉन्फ़िगरेशन में आगे बढ़ने के लिए बड़े टच-उन्मुख एसेट की आवश्यकता हो, तो 180px चुनें।

512px

सबसे बड़ा विकल्प अनुवर्ती वर्कफ़्लो के लिए अधिक पैमाने को सुरक्षित रखता है; यह अभी भी एकल PNG या SVG है, प्लेटफ़ॉर्म पैकेज नहीं।

PNG या SVG अगले चरण के लिए

PNG एक सामान्य बिटमैप फ़ाइल है। SVG संगत वेब और डिज़ाइन वर्कफ़्लो के लिए स्केलेबल रहता है। दोनों ही इस पृष्ठ पर वास्तविक डाउनलोड क्रियाएं हैं।

फ़ेविकॉन को छोटे आकार में साफ़ रखें

फ़ेविकॉन में विवरण के लिए बहुत कम जगह होती है। किसी साइट पर जोड़ने या किसी सहयोगी के साथ साझा करने से पहले इच्छित आकार में परिणाम की समीक्षा करें।

आकार सरल रखें

संक्षिप्त पाठ, एक एकल प्रतीक और एक साफ़ सिल्हूट को पहचानना आसान होता है जब आइकन को 16px तक कम कर दिया जाता है।

दृश्य कंट्रास्ट का उपयोग करें

स्पष्ट अलगाव के साथ एक अग्रभूमि और पृष्ठभूमि चुनें, फिर प्रकाश और अंधेरे दोनों ब्राउज़र सतहों पर पूर्वावलोकन की जांच करें।

चयनित निर्यात आकार की जाँच करें

डाउनलोड करने से पहले आकार चयनकर्ता की पुष्टि करें ताकि 16px चेक को गलती से बड़ी मास्टर संपत्ति न समझ लिया जाए।

किसी वेबसाइट पर फ़ेविकॉन जोड़ें

डाउनलोड करने के बाद, फ़ाइल को सार्वजनिक पथ पर उपलब्ध कराएं और अपने पेज हेड को सटीक फ़ाइल नाम पर इंगित करें। नीचे दिया गया उदाहरण जानबूझकर न्यूनतम है।

डाउनलोड की गई फ़ाइल को अपने सार्वजनिक रूट में रखें

PNG या SVG वहां लगाएं जहां आपकी साइट इसे परोस सके, जैसे सार्वजनिक या स्थिर निर्देशिका। सटीक फ़ोल्डर आपके बिल्ड सिस्टम पर निर्भर करता है।

एक मूल आइकन लिंक जोड़ें

एक मेल खाते हेड लिंक का उपयोग करें, उदाहरण के लिए: <link rel='icon' href='/favicon.svg' type='image/svg+xml'>। पथ को अपने परिनियोजित फ़ाइलनाम से बदलें।

पथ और ब्राउज़र कैश की जाँच करें

यदि फ़ेविकॉन प्रदर्शित नहीं हो रहा है, तो सीधे URL फ़ाइल खोलें, HTML हेड पथ का निरीक्षण करें, और तैनाती के बाद बल-रीफ्रेश करें।

गोपनीयता और दायरा

यह एक केंद्रित टेक्स्ट और इमोजी फ़ेविकॉन निर्माता है। यह क्या करता है और क्या नहीं करता है, यह जानने से आउटपुट अपेक्षाएं स्पष्ट रहती हैं।

आपके ब्राउज़र में प्रस्तुत किया गया

पूर्वावलोकन ब्राउज़र कैनवास का उपयोग करता है और SVG फ़ाइल पृष्ठ में इकट्ठी की गई है। किसी पंजीकरण या लॉगिन की आवश्यकता नहीं है.

पाठ और इमोजी केवल इस संस्करण में

वर्तमान इनपुट अधिकतम दो वर्ण स्वीकार करता है। यह कोई छवि अपलोड, SVG कनवर्टर, लोगो क्रॉपर या फ़ेविकॉन चेकर नहीं है।

PNG और SVG, पूर्ण पैकेज नहीं

उपलब्ध आउटपुट PNG और SVG हैं। ICO, ZIP, मेनिफ़ेस्ट, Apple, Android और PWA फ़ाइलें इस पृष्ठ के दायरे से बाहर हैं।

गोपनीयता और सीमाएँ

यह टेक्स्ट और इमोजी फ़ेविकॉन पूर्वावलोकन आपके ब्राउज़र में तैयार किया गया है। किसी पंजीकरण या लॉगिन की आवश्यकता नहीं है, और यह पृष्ठ कोई छवि अपलोड नहीं करता है या सर्वर-साइड आइकन पैकेज नहीं बनाता है।

• वर्तमान इनपुट केवल टेक्स्ट या इमोजी है और अधिकतम दो वर्णों को पढ़ता है।
• उपकरण एक समय में एक चयनित PNG या SVG आकार निर्यात करता है।
• यह favicon.ico, ZIP, मेनिफ़ेस्ट, Apple, Android, या PWA पैकेज नहीं बनाता है।
• यह चित्र अपलोड नहीं करता है, लोगो नहीं काटता है, स्वचालित रूप से HTML उत्पन्न नहीं करता है, या किसी वेबसाइट पर फ़ाइलें तैनात नहीं करता है।
• इमोजी और फ़ॉन्ट रेंडरिंग ऑपरेटिंग सिस्टम और ब्राउज़र के बीच भिन्न हो सकते हैं।

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

क्या यह फ़ेविकॉन जनरेटर मुफ़्त है और क्या मुझे एक खाते की आवश्यकता है?

उपकरण ऑनलाइन उपयोग के लिए मुफ़्त है और इसके लिए पंजीकरण या लॉगिन की आवश्यकता नहीं है। यह आपके वर्तमान ब्राउज़र सत्र में पूर्वावलोकन बनाता है।

क्या मैं टेक्स्ट या इमोजी से फ़ेविकॉन बना सकता हूँ?

हां. एक या दो अक्षर, आद्याक्षर, या एक इमोजी स्ट्रिंग दर्ज करें। वर्तमान टूल छवि अपलोड के बजाय सरल टेक्स्ट और इमोजी फ़ेविकॉन के लिए डिज़ाइन किया गया है।

क्या मैं PNG और SVG फ़ाइलें डाउनलोड कर सकता हूँ?

हां. एक निर्यात आकार चुनें, फिर PNG या SVG डाउनलोड करें। यह पृष्ठ favicon.ico, ZIP, मेनिफ़ेस्ट या संपूर्ण प्लेटफ़ॉर्म पैकेज नहीं बनाता है।

कौन से फ़ेविकॉन आकार उपलब्ध हैं?

आकार चयनकर्ता में 16, 32, 48, 180, और 512 पिक्सेल शामिल हैं। वे व्यक्तिगत निर्यात विकल्प हैं, स्वचालित रूप से उत्पन्न मल्टी-फ़ाइल पैकेज नहीं।

मैं HTML में फ़ेविकॉन कैसे जोड़ूँ?

डाउनलोड किए गए PNG या SVG को सार्वजनिक पथ पर रखें, फिर अपने दस्तावेज़ शीर्ष के अंदर एक मिलान लिंक तत्व जैसे <link rel='icon' href='/favicon.svg' type='image/svg+xml'> जोड़ें। अपनी फ़ाइल से मिलान करने के लिए पथ अपडेट करें.

मेरा फ़ेविकॉन क्यों नहीं दिख रहा है?

आइकन फ़ाइल URL को सीधे खोलें, अपने HTML हेड में लिंक पथ और फ़ाइल नाम की जाँच करें, फिर ब्राउज़र कैश को रीफ़्रेश करें या साफ़ करें। यह भी पुष्टि करें कि फ़ाइल आपके पृष्ठ द्वारा अनुरोधित पथ पर तैनात है।

क्या यह favicon.ico या पूर्ण फ़ेविकॉन पैकेज बनाता है?

नहीं. यह केंद्रित जनरेटर केवल PNG और SVG फ़ाइलें निर्यात करता है। ICO, ZIP, मेनिफेस्ट, Apple Touch, Android और PWA पैकेज के लिए एक अलग पैकेजिंग वर्कफ़्लो की आवश्यकता होती है।

क्या मेरा फ़ेविकॉन अपलोड हो गया है?

पूर्वावलोकन ब्राउज़र कैनवास के साथ तैयार किया गया है और SVG पृष्ठ में बनाया गया है। इस टेक्स्ट और इमोजी वर्कफ़्लो के लिए किसी खाते या छवि अपलोड की आवश्यकता नहीं है।