फेविकॉन जनरेटर: किसी भी इमेज से वेबसाइट आइकन बनाएं
लोगो से 16×16 से 512×512 तक PNG फेविकॉन, Apple और Android आइकन बनाएं, manifest.json और HTML कोड के साथ एक ZIP में।
फेविकॉन जनरेटर लोड हो रहा है…
आपकी फ़ाइलें कभी आपके डिवाइस से बाहर नहीं जातीं
फेविकॉन जनरेटर का इस्तेमाल कैसे करें
- 1
इस पेज पर फेविकॉन जनरेटर खोलें। यह सीधे आपके ब्राउज़र में लोड होता है।
- 2
अपनी फ़ाइल, टेक्स्ट या वैल्यू जोड़ें और सेटिंग बदलें।
- 3
नतीजा कॉपी या डाउनलोड करें। कुछ भी अपलोड या स्टोर नहीं होता।
अपनी वेबसाइट के लिए फेविकॉन कैसे बनाएं
WoowTools का फेविकॉन जनरेटर एक लोगो या इमेज से किसी भी आधुनिक वेबसाइट के लिए ज़रूरी पूरा आइकन सेट बनाता है: ब्राउज़र टैब में दिखने वाले छोटे PNG फेविकॉन, iPhone और iPad की होम स्क्रीन के लिए Apple touch आइकन, और प्रोग्रेसिव वेब ऐप (PWA) के लिए Android Chrome आइकन। हर आइकन अलग से डाउनलोड करें या सब एक साथ ZIP में, जिसमें तैयार manifest.json और पेज के head में पेस्ट करने के लिए link टैग वाला HTML स्निपेट भी होता है। सब कुछ आपके ब्राउज़र में होता है, इसलिए आपका लोगो कभी अपलोड नहीं होता।
कौन-कौन से फेविकॉन साइज बनते हैं
- 16×16 और 32×32: ब्राउज़र टैब, बुकमार्क और हिस्ट्री (स्टैंडर्ड और रेटिना)।
- 48×48 और 64×64: Windows साइट आइकन और टास्कबार।
- 96×96: Google TV; 128×128: Chrome Web Store।
- 152×152, 167×167 और 180×180: iPad, iPad Pro और iPhone के Apple touch आइकन।
- 192×192 और 512×512: Android Chrome और PWA इंस्टॉल आइकन।
सात साइज पहले से चुने रहते हैं (16, 32, 48, 152, 180, 192 और 512), जो लगभग हर वेबसाइट के लिए काफ़ी हैं। कोई भी साइज चुनें या हटाएं, या Select All और Deselect All इस्तेमाल करें।
फेविकॉन कैसे बनाएं
- अपना लोगो PNG, JPG, SVG, WebP या किसी और इमेज फॉर्मेट में अपलोड करें (10 MB तक)। कम से कम 512×512 पिक्सेल की चौकोर इमेज सबसे शार्प नतीजा देती है।
- बैकग्राउंड कलर चुनें। यह ट्रांसपेरेंट हिस्सों और गैर-चौकोर लोगो के आसपास की खाली जगह को भरता है। एक क्लिक में सफेद, काला, नीला, हरा, एम्बर या लाल चुनें, या कोई भी रंग डालें।
- ज़रूरी साइज चुनें और जनरेट करें। हर आइकन का प्रीव्यू दिखता है ताकि आप छोटे साइज में भी उसे पढ़ने लायक जांच सकें।
- PNG एक-एक करके डाउनलोड करें, या सब एक साथ favicons.zip में।
- फाइलें अपनी साइट के रूट फोल्डर में अपलोड करें और html-snippet.html की लाइनें पेज के <head> में पेस्ट करें।
ZIP में क्या मिलता है
ZIP में आपकी बनाई सभी PNG फाइलें आम नामों के साथ होती हैं (जैसे favicon-32x32.png, apple-touch-icon-180x180.png और android-chrome-512x512.png), एक manifest.json जिसमें Android आइकन की लिस्ट है और आपका बैकग्राउंड कलर थीम कलर के रूप में सेट है, और एक HTML स्निपेट जिसमें 16, 32, 180, 192 और 512 पिक्सेल आइकन, manifest और theme-color मेटा टैग के link टैग हैं। पब्लिश करने से पहले manifest.json में ऐप का नाम बदल लें।
अच्छे फेविकॉन के लिए टिप्स
- सरल रखें। स्लोगन वाला पूरा लोगो 16 px पर धुंधला हो जाता है। सिर्फ़ सिंबल या पहला अक्षर इस्तेमाल करें और 16 व 32 px प्रीव्यू ज़रूर देखें।
- चौकोर इमेज से शुरू करें। इमेज को अनुपात बिगाड़े बिना चौकोर में फिट करके बीच में रखा जाता है। चौड़े लोगो को पहले इमेज क्रॉपर से चौकोर करें ताकि वह पूरा आइकन भरे।
- वेक्टर लोगो है? पहले SVG से PNG कन्वर्टर से बड़ी PNG बनाएं, या लोगो मेकर से एक सरल निशान डिज़ाइन करें।
- बैकग्राउंड सोच-समझकर चुनें। बने हुए आइकन का बैकग्राउंड ठोस रंग का होता है, इसलिए अपने ब्रांड का रंग या लाइट और डार्क दोनों थीम पर अच्छा दिखने वाला रंग चुनें।
यह फेविकॉन जनरेटर क्यों चुनें
यह फ्री है, अकाउंट नहीं चाहिए और आपके आइकन पर कोई ब्रांडिंग नहीं लगती। हर साइज आपके ब्राउज़र के कैनवास पर बनता है, इसलिए आपका अनरिलीज़्ड लोगो आपके कंप्यूटर पर ही रहता है और पूरा सेट एक सेकंड में तैयार हो जाता है।
विशेषताएं
- 16×16 से 512×512 px तक 11 आइकन साइज
- Apple touch (152, 167, 180) और Android Chrome (192, 512) आइकन
- manifest.json और HTML link टैग स्निपेट के साथ ZIP
- ट्रांसपेरेंट या खाली जगह के लिए बैकग्राउंड कलर
- लोगो का अनुपात बना रहता है और बीच में रहता है
- ब्राउज़र में काम करता है, लोगो अपलोड नहीं होता
अक्सर पूछे जाने वाले सवाल
अपनी वेबसाइट के लिए फेविकॉन कैसे बनाएं?
चौकोर लोगो अपलोड करें, बैकग्राउंड कलर और साइज चुनें, जनरेट करके ZIP डाउनलोड करें। PNG फाइलें साइट पर अपलोड करें और साथ मिला HTML स्निपेट पेज के head में पेस्ट करें।
फेविकॉन का साइज कितना होना चाहिए?
ब्राउज़र टैब में 16×16 और 32×32 px, iOS में 180×180 px का apple-touch-icon और Android में 192×192 व 512×512 px इस्तेमाल होते हैं। यह टूल एक इमेज से ये सभी बनाता है।
क्या यह favicon.ico फाइल बनाता है?
नहीं। यह PNG फेविकॉन बनाता है, जिन्हें सभी आधुनिक ब्राउज़र साथ दिए गए HTML स्निपेट के link टैग से सपोर्ट करते हैं।
क्या manifest.json भी मिलता है?
हां। ZIP में manifest.json होता है जिसमें Android आइकन और आपका बैकग्राउंड कलर थीम कलर के रूप में है। पब्लिश करने से पहले ऐप का नाम बदलें।
क्या फेविकॉन का बैकग्राउंड ट्रांसपेरेंट हो सकता है?
जनरेटर ट्रांसपेरेंट हिस्सों को आपके चुने बैकग्राउंड कलर से भर देता है, इसलिए आइकन का बैकग्राउंड हमेशा ठोस रहता है और लाइट व डार्क थीम दोनों में दिखता है।
कौन-सी इमेज सबसे अच्छी रहती है?
कम से कम 512×512 पिक्सेल का सरल, चौकोर लोगो या सिंबल। बारीक टेक्स्ट और पतली लाइनें 16 पिक्सेल पर गायब हो जाती हैं।
क्या मेरा लोगो सर्वर पर अपलोड होता है?
नहीं। सभी आइकन आपके ब्राउज़र में बनते हैं और फाइल आपके डिवाइस से बाहर नहीं जाती।