कोई भी इमेज अपलोड करें और पूरा फ़ेविकॉन पैकेज पाएँ: एक बहु-आकार favicon.ico, Android और PWA के लिए मानक आकारों में PNG आइकन, iOS होम स्क्रीन के लिए एक apple-touch-icon, और एक site.webmanifest फ़ाइल। एक README ठीक-ठीक बताता है कि उन्हें अपने HTML में कैसे जोड़ें। सब कुछ एक ZIP फ़ाइल में बंडल किया जाता है जो आपकी वेबसाइट की रूट में डालने के लिए तैयार है। प्रोसेसिंग आपके ब्राउज़र में चलती है — आपका लोगो कभी आपके उपकरण से बाहर नहीं जाता।
फ़ाइलें यहाँ छोड़ें
या अपलोड करने के लिए ब्राउज़ करें
प्रति फ़ाइल 10.0 MB तक
अपना लोगो या आइकन अपलोड करें
सर्वोत्तम परिणामों के लिए एक वर्गाकार इमेज (PNG अनुशंसित) छोड़ें। वर्गाकार स्रोत इमेज सबसे साफ़ फ़ेविकॉन बनाती हैं। गैर-वर्गाकार इमेज को प्रत्येक आइकन आकार में फ़िट करने के लिए आकार बदला जाएगा।
फ़ेविकॉन पैक बनाएँ
पूरा आइकन सेट बनाने के लिए Convert पर क्लिक करें: favicon.ico (16/32/48/64/128/256px), icon-32x32.png, apple-touch-icon.png (180×180), icon-192x192.png, icon-512x512.png, और site.webmanifest।
ZIP डाउनलोड करें
सभी फ़ाइलें एक ZIP संग्रह में बंडल की जाती हैं। इसे निकालें और सभी फ़ाइलें अपनी वेबसाइट की रूट डायरेक्टरी (index.html के समान स्तर पर) अपलोड करें।
HTML टैग जोड़ें
शामिल README.txt से link टैग अपने <head> अनुभाग में कॉपी करें: favicon.ico लिंक, PNG आइकन लिंक, apple-touch-icon लिंक, और manifest लिंक।
आदर्श रूप से 512×512 पिक्सेल या उससे बड़ी, वर्गाकार, पारदर्शी पृष्ठभूमि (PNG) के साथ। स्रोत को उच्च-गुणवत्ता वाले Lanczos रीसैंपलिंग का उपयोग करके प्रत्येक आवश्यक आकार में घटाया जाता है। सरल, बोल्ड, उच्च-कंट्रास्ट डिज़ाइन 16×16 और 32×32 पर सबसे अच्छे काम करते हैं — छोटा टेक्स्ट या महीन रेखाएँ अपठनीय हो जाती हैं। यदि आपके लोगो में टेक्स्ट है, तो फ़ेविकॉन उपयोग के लिए एक सरलीकृत आइकन संस्करण पर विचार करें।
प्रत्येक एक अलग संदर्भ में काम आता है: favicon.ico (सभी ब्राउज़र और उपकरण), icon-32x32.png (आधुनिक ब्राउज़र PNG पसंद करते हैं), apple-touch-icon.png (iOS/macOS होम स्क्रीन, ठीक 180×180 आवश्यक), icon-192x192.png (Android पर Chrome का टैब/टास्क स्विचर), icon-512x512.png (PWA स्प्लैश स्क्रीन और ऐप स्टोर आइकन)। इन सभी का उपयोग हर जगह इष्टतम प्रदर्शन सुनिश्चित करता है।
वेब ऐप मैनिफ़ेस्ट ब्राउज़रों को आपकी वेबसाइट ऐप के बारे में बताता है: इसका नाम, आइकन, रंग और डिस्प्ले मोड। यह प्रोग्रेसिव वेब ऐप्स (PWA) के लिए आवश्यक है और उपयोगकर्ताओं को Android पर "होम स्क्रीन में जोड़ें" की अनुमति देता है। ब्राउज़र Android Chrome, Samsung Internet और अन्य Chromium-आधारित मोबाइल ब्राउज़रों के लिए मैनिफ़ेस्ट आइकन का उपयोग करते हैं। इसे अपने HTML में <link rel="manifest" href="/site.webmanifest"> के साथ जोड़ें।
ब्राउज़र फ़ेविकॉन को आक्रामक रूप से कैश करते हैं। आज़माएँ: (1) पेज को हार्ड-रिफ़्रेश करें (Ctrl+Shift+R), (2) ब्राउज़र कैश साफ़ करें, (3) एक इनकॉग्निटो/निजी विंडो खोलें, (4) अपने HTML में फ़ेविकॉन URL में एक कैश-बस्टर जोड़ें: href="/favicon.ico?v=2"। अधिकांश ब्राउज़र फ़ेविकॉन को पेज कैश से स्वतंत्र रूप से कैश करते हैं।
SVG इनपुट वर्तमान में समर्थित नहीं है क्योंकि ब्राउज़र में SVG रेंडरिंग के लिए DOM एक्सेस आवश्यक है, जो Web Workers में उपलब्ध नहीं है। पहले अपने SVG को PNG में बदलें (Figma, Inkscape या ऑनलाइन SVG-से-PNG कन्वर्टर का उपयोग करें), फिर उस PNG से अपना फ़ेविकॉन पैक बनाएँ। वेब उपयोग के लिए, आप आधुनिक ब्राउज़रों में SVG को सीधे फ़ेविकॉन के रूप में भी उपयोग कर सकते हैं: <link rel="icon" href="/icon.svg" type="image/svg+xml">।
कुछ काम नहीं कर रहा? बग रिपोर्ट करें
