फ़ेविकॉन जनरेटर
अपना लोगो एक बार डालें और वेबसाइट के लिए ज़रूरी हर आइकन पाएँ, साथ में अपने पेजों में पेस्ट करने का कोड भी।
इसी डिवाइस पर सुरक्षित
आपके ब्राउज़र में चलता है। कुछ भी अपलोड नहीं होता।
सुरक्षित
आपका आइकन
आपके पेजों के लिए कोड
ZIP की फ़ाइलें अपनी वेबसाइट के रूट में रखें, फिर यह कोड हर पेज के <head> के अंदर पेस्ट करें।
यह कैसे काम करता है
-
अपना लोगो डालें
SVG, PNG या JPG यहाँ छोड़ें, चुनें या पेस्ट करें। कम से कम 512 × 512 पिक्सल की चौकोर इमेज से सबसे साफ़ आइकन बनते हैं।
-
लुक सेट करें
अंदर का मार्जिन, बैकग्राउंड का रंग या गोल कोने जोड़ें, और ब्राउज़र टैब व फ़ोन की होम स्क्रीन पर नतीजा देखें।
-
डाउनलोड करें और कोड पेस्ट करें
ZIP डाउनलोड करें, उसकी फ़ाइलें अपनी वेबसाइट के रूट में रखें, फिर कोड अपने पेजों के <head> में पेस्ट करें।
अक्सर पूछे जाने वाले सवाल
मुझे कौन-सी फ़ाइलें मिलती हैं?
एक favicon.ico फ़ाइल जिसमें 16, 32 और 48 पिक्सल के आइकन हैं, 16, 32, 48, 192 और 512 पिक्सल के PNG आइकन, iPhone और iPad के लिए 180 पिक्सल का apple-touch-icon.png, और एक site.webmanifest फ़ाइल जिससे Android आपके 192 और 512 पिक्सल वाले आइकन इस्तेमाल कर सके। इन्हें एक-एक करके या सबको एक ZIP फ़ाइल में डाउनलोड करें।
फ़ाइलें कहाँ रखूँ?
अपनी वेबसाइट के रूट में, होम पेज के साथ, ताकि वे /favicon.ico जैसे पतों पर मिल सकें। फिर प्रीव्यू के नीचे दिखाया गया कोड हर पेज के <head> के अंदर पेस्ट करें। ब्राउज़र खुद भी /favicon.ico ढूँढते हैं, इसलिए जिन पेजों में कोड नहीं है, उन्हें भी आपका आइकन मिल जाता है।
मेरी इमेज किस साइज़ की होनी चाहिए?
चौकोर और कम से कम 512 × 512 पिक्सल, जो सबसे बड़े आइकन का साइज़ है। SVG सबसे बढ़िया है: वह हर साइज़ पर साफ़ बनता है। छोटी इमेज भी चलती है, लेकिन तब बड़े आइकन खींचकर बड़े किए जाते हैं और धुंधले दिखते हैं।
ब्राउज़र टैब में मेरा आइकन धुंधला या बहुत छोटा क्यों दिखता है?
16 पिक्सल पर बारीक डिटेल और पतला टेक्स्ट गायब हो जाते हैं। शब्दों वाले पूरे लोगो की जगह कोई सीधा-सादा निशान इस्तेमाल करें, जैसे कोई अक्षर या चिह्न, अंदर का मार्जिन कम रखें, और अगर इमेज चौड़ी है तो “चौकोर में क्रॉप करें” चुनें।
क्या मेरी इमेज अपलोड होती है?
नहीं। आपकी इमेज आपके ब्राउज़र में, आपके ही डिवाइस पर पढ़ी, रीसाइज़ और सेव होती है। इसे कभी कहीं नहीं भेजा जाता।
Apple touch icon में बैकग्राउंड क्यों होता है?
iPhone और iPad होम स्क्रीन आइकन के कोने खुद गोल करते हैं और ट्रांसपेरेंट हिस्सों को काला दिखाते हैं। इसलिए Apple touch icon में हमेशा ठोस बैकग्राउंड और चौकोर कोने होते हैं: आपका बैकग्राउंड रंग, या ट्रांसपेरेंट चुनने पर सफ़ेद।