Favicon जनरेटर
ब्राउज़र टैब और फ़ोन की होम स्क्रीन पर दिखने वाला छोटा आइकन बनाएँ, कुछ अक्षरों या अपने लोगो से। आपको हर साइज़, एक favicon.ico और पेस्ट करने के लिए HTML मिलता है।
प्रीव्यू
HTML
<link rel="icon" href="/favicon.ico" sizes="48x48"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest">
ये लाइनें अपने पेजों के <head> के अंदर पेस्ट करें।
पूरी तरह आपके ब्राउज़र में चलता है। आप जो भी डालते हैं, वह किसी सर्वर पर नहीं भेजा जाता।
Favicon कैसे बनाएँ
अक्षर या इमेज चुनें
एक से तीन अक्षर या कोई इमोजी टाइप करें, या अपना लोगो खोलें।
स्टाइल चुनें
आकार और रंग चुनें, या इमेज के लिए बैकग्राउंड और पैडिंग।
डाउनलोड करें और जोड़ें
ZIP डाउनलोड करें, फ़ाइलें अपनी साइट के रूट फ़ोल्डर में अपलोड करें और HTML को पेज के head हिस्से में पेस्ट करें।
पैकेज में क्या मिलता है
ब्राउज़र के लिए 16, 32 और 48 पिक्सेल वर्शन वाला favicon.ico, 16 और 32 पिक्सेल के PNG आइकन, iPhone और iPad की होम स्क्रीन के लिए 180 पिक्सेल का Apple touch icon, Android के लिए 192 और 512 पिक्सेल के आइकन, और इन सबकी सूची वाली site.webmanifest फ़ाइल।
16 पिक्सेल के लिए डिज़ाइन
ब्राउज़र टैब में favicon बहुत छोटा दिखता है। एक या दो मोटे अक्षर या कोई सादा चिह्न पहचान में आता है; बारीक डिटेल वाले लोगो धुंधला धब्बा बन जाते हैं। डाउनलोड करने से पहले 16 पिक्सेल का प्रीव्यू देखें।
अक्सर पूछे जाने वाले सवाल
फ़ाइलें कहाँ रखूँ?
अपनी वेबसाइट के रूट फ़ोल्डर में, ताकि /favicon.ico और HTML में दिए बाकी पाथ मौजूद हों। फिर HTML लाइनें <head> के अंदर जोड़ें।
मेरा पुराना favicon अब भी क्यों दिख रहा है?
ब्राउज़र favicon को लंबे समय तक कैश में रखते हैं। जाँचने के लिए कैश साफ़ करके रीलोड करें या साइट को प्राइवेट विंडो में खोलें।
क्या मेरा लोगो अपलोड होता है?
नहीं। सभी आइकन आपके ब्राउज़र में बनाए जाते हैं।