SEO
Favicon Generator
इमेज अपलोड करें और favicon का पूरा सेट पाएं (16–512px, .ico, वेब-मैनिफ़ेस्ट) और <head> के लिए तैयार HTML कोड।
आर्काइव में सभी PNG, favicon.ico और site.webmanifest शामिल हैं।
Modern browsers and operating systems no longer expect just one favicon.ico — they need a whole set of icon sizes for the browser tab, bookmarks, the iOS/Android home screen, and a PWA web manifest. This tool generates that entire set from a single uploaded image.
How to use it
- Upload a source image (ideally square, at least 512×512px) and the tool generates the full size range (16-512px) in ICO and PNG formats.
- Download an archive containing every favicon file and the site.webmanifest.
- Copy the finished block of <link> tags and paste it into the site's <head>.
Common uses
- Setting up a full favicon set for a new site without manually creating every size by hand.
- Upgrading an outdated icon setup (just a favicon.ico) to the modern standard with PWA and Android maskable icon support.
- Quickly checking how a logo looks shrunk down to 16×16px — fine details often blur together at that size.
Things to keep in mind
At small sizes (16-32px), fine logo details become illegible — a simplified mark works better as a favicon than a full logo with text.
Android maskable icons need a safe zone padded around the main artwork, or important content can get cropped off when a shape mask is applied.
इस टूल के बारे में लेख: Favicon: एक आइकन को इतने सारे साइज़ और फ़ॉर्मैट की ज़रूरत क्यों
अक्सर पूछे जाने वाले प्रश्न
मुझे इतने सारे अलग-अलग फ़ेविकॉन साइज़ की ज़रूरत क्यों है?
अलग-अलग प्लेटफ़ॉर्म अलग-अलग साइज़ मांगते हैं — ब्राउज़र टैब आमतौर पर 16x16 या 32x32 इस्तेमाल करते हैं, iOS होम स्क्रीन आइकन को 180x180 चाहिए, और Android 512x512 तक विभिन्न साइज़ इस्तेमाल करता है — पूरा सेट जनरेट करने से आपका आइकन हर जगह स्पष्ट दिखता है।
.ico और .png फ़ेविकॉन में क्या अंतर है?
.ico फ़ॉर्मेट एक फ़ाइल में कई रिज़ॉल्यूशन बंडल कर सकता है और इसमें सबसे व्यापक लीगेसी ब्राउज़र सपोर्ट है, जबकि आधुनिक ब्राउज़र link टैग्स में सीधे रेफर किए गए सामान्य .png फ़ाइलें भी स्वीकार करते हैं — आज ज़्यादातर साइट्स संगतता के लिए दोनों इस्तेमाल करती हैं।
क्या फ़ेविकॉन जनरेट करने के लिए मेरी अपलोड की गई इमेज सर्वर पर भेजी जाती है?
नहीं। सारा रीसाइज़िंग और फ़ॉर्मेट कन्वर्जन पूरी तरह आपके ब्राउज़र में होता है — इमेज कभी कहीं अपलोड नहीं होती।
क्या favicon के तौर पर SVG इस्तेमाल किया जा सकता है?
हाँ — Chromium बेस्ड और Firefox जैसे मॉडर्न ब्राउज़र <link rel="icon" type="image/svg+xml"> सपोर्ट करते हैं, और ऐसा favicon किसी भी स्क्रीन डेंसिटी पर स्पष्ट बना रहता है और फ़ाइल के अंदर prefers-color-scheme के ज़रिए डार्क मोड पर भी रिएक्ट कर सकता है।
Android के लिए maskable आइकन क्या है?
यह मुख्य आर्टवर्क के चारों ओर एक सेफ़ ज़ोन वाला आइकन है, जिसे Android डिवाइस की थीम के हिसाब से किसी भी शेप (गोल, गोल कोनों वाला स्क्वेयर आदि) में क्रॉप कर सकता है, बिना आइकन के ज़रूरी हिस्से को काटे।