उपयोग कैसे करें
- कोई .ico फ़ाइल ड्रॉप एरिया पर खींचकर छोड़ें, चुनने के लिए क्लिक करें, या कोई इमेज पेस्ट करें।
- “मूल फ़ॉर्मैट रखें” चुनें, ताकि आइकन में सहेजे गए सभी आकार आउटपुट में बने रहें।
- एनकोड किया गया आकार जाँचें; कई आकारों वाला आइकन आपकी उम्मीद से बड़ा हो सकता है।
- फ़ेविकॉन के link टैग के लिए data URI कॉपी करें, या img टैग, CSS या Markdown आउटपुट कॉपी करें।
ICO फ़ॉर्मैट
ICO, Windows का आइकन फ़ॉर्मैट है और मूल फ़ेविकॉन फ़ॉर्मैट भी। यह एक कंटेनर है: एक छोटी डायरेक्टरी एक या अधिक इमेज को उनकी चौड़ाई, ऊँचाई और कलर डेप्थ के साथ सूचीबद्ध करती है, और हर इमेज बिटमैप डेटा के रूप में सहेजी जाती है या, 256 × 256 जैसे बड़े आकारों के लिए, एम्बेड की गई PNG के रूप में। एक सामान्य favicon.ico में 16, 32 और 48 पिक्सेल के वर्ज़न होते हैं, ताकि ब्राउज़र सबसे साफ़ वाला चुन सके।
रजिस्टर्ड MIME टाइप image/vnd.microsoft.icon है, लेकिन image/x-icon कहीं ज़्यादा प्रचलित है, और ब्राउज़र दोनों स्वीकार करते हैं। Base64 में ICO डेटा AAABAA से शुरू होता है, जो एनकोड किया गया फ़ाइल हेडर है।
data URI वाला फ़ेविकॉन
<link rel="icon" href="data:image/x-icon;base64,AAABAAEAEBA...">फ़ेविकॉन को इनलाइन करना सिंगल-फ़ाइल HTML दस्तावेज़ों के लिए काम का है, जैसे एक्सपोर्ट की गई रिपोर्ट, डिस्क पर सहेजे गए डैशबोर्ड और ऑफ़लाइन दस्तावेज़, और उन प्रोटोटाइप या आंतरिक टूल के लिए भी, जहाँ आप अलग फ़ाइल डिप्लॉय नहीं करना चाहते। कई पेजों वाली वेबसाइट पर सामान्य /favicon.ico आमतौर पर बेहतर है: वह एक बार डाउनलोड होकर कैश हो जाता है, जबकि data URI हर HTML रिस्पॉन्स में दोहराया जाता है।
अगर आपको कोई आइकन नहीं चाहिए, तो <link rel="icon" href="data:,"> ब्राउज़र को /favicon.ico का अनुरोध करने से रोकता है।
ICO, PNG या SVG फ़ेविकॉन
मौजूदा ब्राउज़र PNG और SVG फ़ेविकॉन भी स्वीकार करते हैं, उदाहरण के लिए <link rel="icon" type="image/png" href="data:image/png;base64,...">। एक अकेली 32 × 32 PNG अक्सर कई आकारों वाले ICO से छोटी होती है; इनके लिए PNG से Base64 या SVG से Base64 का उपयोग करें।
यहाँ ICO को PNG, JPEG या WebP में कन्वर्ट करने पर केवल एक इमेज बचती है, वही जिसे ब्राउज़र दिखाने के लिए चुनता है। उलटी दिशा में ICO फ़ाइल बनाने के लिए कोई PNG एनकोड करें और परिणाम को Base64 से ICO में पेस्ट करें, जो 16 से 256 पिक्सेल तक के आइकन बनाता है।
अक्सर पूछे जाने वाले प्रश्न
image/x-icon या image/vnd.microsoft.icon: कौन-सा चुनें?
image/vnd.microsoft.icon आधिकारिक रूप से रजिस्टर्ड टाइप है, जबकि image/x-icon वह है जिसे ज़्यादातर साइटें इस्तेमाल करती हैं। अगर कोई सिस्टम किसी ख़ास टाइप की अपेक्षा करता है, तो कॉपी करने के बाद प्रीफ़िक्स बदल दें।क्या Base64 आउटपुट में आइकन के सभी आकार बने रहते हैं?
हाँ, जब आप मूल फ़ॉर्मैट रखते हैं। पूरी फ़ाइल एनकोड होती है, इसलिए ब्राउज़र अब भी अपनी ज़रूरत का आकार चुन सकता है। किसी दूसरे फ़ॉर्मैट में कन्वर्ट करने पर केवल एक इमेज बचती है।
क्या data URI फ़ेविकॉन हर ब्राउज़र में काम करते हैं?
मौजूदा डेस्कटॉप ब्राउज़र उन्हें टैब में दिखाते हैं। बुकमार्क, होम स्क्रीन शॉर्टकट और कुछ पुराने ब्राउज़र इनलाइन आइकन को अनदेखा कर सकते हैं, इसलिए सार्वजनिक वेबसाइटों को फिर भी एक फ़ेविकॉन फ़ाइल देनी चाहिए।