कैसे इस्तेमाल करें
- Text/emoji चुनकर 1–3 characters लिखें, या Image चुनकर logo upload करें; कम से कम 512 px का square PNG/SVG अच्छा है।
- Colours और shape — square, rounded या circle — चुनें।
- 16, 32, 64 और 128 px preview देखें; छोटे size में design readable है या नहीं जाँचें।
- ZIP download करें, files site root में रखें और HTML को head में paste करें।
विकल्पों की जानकारी
- favicon.ico
- Browsers, bookmarks और Windows shortcuts के लिए 16, 32 और 48 px versions रखता है।
- apple-touch-icon.png
- 180 × 180 px solid background वाला icon, iPhone/iPad home screen पर site जोड़ने में उपयोग होता है।
- icon-192.png / icon-512.png
- Android home screens और installable web apps के लिए site.webmanifest से reference होते हैं।
- icon.svg
- Modern browsers के लिए scalable icon, text या SVG source होने पर शामिल होता है।
HTML
Files को site root में upload करने के बाद हर page के head में यह जोड़ें:
<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/icon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">अक्सर पूछे जाने वाले सवाल
वास्तव में कौन सी files चाहिए?
Site root में favicon.ico हर browser को cover करता है। iOS के लिए apple-touch-icon.png और Android install/pin के लिए manifest के साथ 192/512 icons जोड़ें।
16 px पर favicon blurry क्यों दिखता है?
16 × 16 में fine details गायब हो जाती हैं। Full logo text की जगह bold letter या simplified mark उपयोग करें।
Favicon update करने के बाद पुराना क्यों दिखता है?
Browsers favicons को aggressively cache करते हैं। Hard reload करें या link में /favicon.ico?v=2 जैसा version query जोड़ें।
क्या emoji favicon बना सकता हूँ?
हाँ। Emoji आपके system emoji font से draw होता है, इसलिए preview जैसा ही result मिलेगा।
प्राइवेसी
यह टूल पूरी तरह आपके ब्राउज़र में चलता है। आपकी फ़ाइलें और टेक्स्ट आपके डिवाइस पर ही प्रोसेस होते हैं और हमारे सर्वर पर कभी अपलोड नहीं होते।