सीधे कंटेंट पर जाएँ
Browser Tools स्वास्थ्य

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

अपनी वेबसाइट के लिए ज़रूरी हर आइकन बनाएँ, favicon.ico से लेकर iPhone और Android आइकन तक, किसी अक्षर, इमोजी या अपने लोगो से। पेस्ट करने लायक HTML के साथ एक zip डाउनलोड करें।

  • फ़्री, साइन-अप की ज़रूरत नहीं
  • आपके ब्राउज़र में चलता है
  • अपडेट किया गया

Choose an image to see your icon

Paste this into your site's <head>

<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">

The zip has favicon.ico (16, 32 and 48 px), PNGs for browsers, iPhone and Android, and site.webmanifest.

फ़िलहाल टूल के बटन और लेबल अंग्रेज़ी में हैं।

पूरी गाइड पढ़ें (अंग्रेज़ी में): How to Create a Favicon for Your Website (ICO, PNG, Apple)

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

छोटा जवाब: फ़ेविकॉन बनाने के लिए टेक्स्ट या फ़ोटो चुनें, रंग और आकार चुनें, पैक डाउनलोड करें और अपनी साइट में जोड़ें।

  1. टेक्स्ट या फ़ोटो चुनें। 1–3 अक्षर या कोई इमोजी लिखें, या अपना लोगो अपलोड करें (स्क्वेयर PNG या SVG सबसे अच्छा)।
  2. रंग और आकार चुनें। छोटे प्रीव्यू देखें: वे दिखाते हैं कि ब्राउज़र टैब में आइकन कैसा दिखेगा।
  3. पैक डाउनलोड करें। zip में favicon.ico, PNG आइकन और एक site.webmanifest होता है।
  4. अपनी साइट में जोड़ें। फ़ाइलें अपनी साइट के रूट फ़ोल्डर में कॉपी करें और HTML कोड <head> में पेस्ट करें।

कौन-कौन से फ़ेविकॉन साइज़ चाहिए?

ब्राउज़र टैब और Windows के लिए favicon.ico (16, 32 और 48 px), iPhone के लिए 180 × 180 का apple-touch-icon, और Android व इंस्टॉल होने वाले वेब ऐप के लिए 192 और 512 px आइकन। zip में ये सब हैं।

साफ़ फ़ेविकॉन के लिए टिप्स

16 पिक्सेल पर बारीक डिटेल गायब हो जाती है। एक-दो मोटे अक्षर या कोई आसान सिंबल इस्तेमाल करें, और आइकन व बैकग्राउंड में तेज़ कंट्रास्ट रखें।

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

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

WordPress में Appearance → Customize → Site Identity → Site Icon पर जाएँ और zip से android-chrome-512x512.png अपलोड करें।

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

हाँ। उसे टेक्स्ट बॉक्स में लिखें। यह आपके डिवाइस के इमोजी फ़ॉन्ट से बनता है।

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

ब्राउज़र फ़ेविकॉन को बहुत कैश करते हैं। देखने के लिए साइट को प्राइवेट विंडो में खोलें या कैश साफ़ करें।