सेकंडों में फैविकॉन बनाएं
फैविकॉन वह छोटा आइकन होता है जो ब्राउज़र टैब, बुकमार्क, हिस्ट्री, मोबाइल पर सर्च रिज़ल्ट और किसी के द्वारा आपकी साइट को सेव करने पर होम स्क्रीन पर दिखाई देता है। यह विज़िटर्स को दर्जनों टैब के बीच आपका टैब खोजने में मदद करता है और एक छोटी वेबसाइट को भी प्रोफेशनल लुक देता है। यह फैविकॉन जनरेटर एक ही इमेज से आपकी ज़रूरत की हर फ़ाइल बनाता है — या अगर आपके पास अभी तक कोई लोगो नहीं है, तो किसी अक्षर या इमोजी से — और उन्हें आपकी साइट पर जोड़ने के लिए HTML देता है।
विशेषताएँ
- इमेज से: PNG, JPG, SVG, WebP और अन्य।
- टेक्स्ट या इमोजी से: रंगीन बैकग्राउंड पर अक्षर या कोई इमोजी।
- गोल किनारे और पैडिंग ताकि आइकन टैब और होम स्क्रीन में अच्छे से फिट हो सके।
- लाइव प्रीव्यू 16, 32, 64 और 128 पिक्सल पर।
- पूरा पैकेज: कई साइज़ वाले favicon.ico, PNG आइकन, Apple touch icon, Android आइकन और web manifest।
- कॉपी करने के लिए तैयार HTML लिंक टैग।
- प्राइवेट: पूरी तरह से आपके ब्राउज़र में जनरेट होता है।
फैविकॉन साइज़ की जानकारी
| फ़ाइल | साइज़ | उपयोग |
|---|---|---|
| favicon.ico | 16, 32, 48 px | सभी ब्राउज़र, Windows शॉर्टकट, लेगेसी फ़ॉलबैक |
| favicon-16x16.png | 16 px | ब्राउज़र टैब |
| favicon-32x32.png | 32 px | हाई-DPI स्क्रीन वाले टैब, टास्कबार |
| apple-touch-icon.png | 180 px | iPhone और iPad होम स्क्रीन |
| android-chrome-192x192.png | 192 px | Android होम स्क्रीन |
| android-chrome-512x512.png | 512 px | Android स्प्लैश स्क्रीन, PWA इंस्टॉल |
डिज़ाइन टिप्स
- सरल रखें। कंपनी के नाम वाले पूरे लोगो के बजाय, केवल अपने लोगो के सिंबल का उपयोग करें।
- कंट्रास्ट का उपयोग करें। आइकन लाइट और डार्क दोनों ब्राउज़र थीम पर स्पष्ट रूप से दिखना चाहिए।
- 16 px पर टेस्ट करें। यदि आप इसे सबसे छोटे प्रीव्यू में नहीं पहचान सकते हैं, तो इसे और सरल बनाएं।
- स्क्वायर को पूरा भरें। बहुत अधिक खाली जगह वाले आइकन टैब में बहुत छोटे दिखते हैं; पैडिंग कम करें।
संबंधित टूल्स
पहले SVG से PNG का उपयोग करके किसी वेक्टर लोगो को हाई-रिज़ॉल्यूशन PNG में बदलें, इमेज रिसाइज़ करें के साथ किसी मौजूदा इमेज का साइज़ बदलें, या इमेज कनवर्टर की मदद से अलग-अलग इमेज फॉर्मेट्स के बीच कन्वर्ट करें।