उपयोग कैसे करें
- किसी आइकन का, या उस इमेज का जिसे आप आइकन बनाना चाहते हैं, Base64 स्ट्रिंग या data URI पेस्ट करें।
- पूर्वावलोकन और आयाम जाँचें। वर्गाकार स्रोत इमेज से सबसे साफ़ आइकन बनता है।
- ICO पहले से चुना हुआ है। कोई एक आकार (16, 32, 48, 64, 128 या 256 पिक्सेल) चुनें, या मल्टी-साइज़ आइकन के लिए “कई आकार” विकल्प।
- .ico फ़ाइल डाउनलोड करें। अगर इनपुट पहले से ICO है और आप उसकी हर इमेज बिना बदले चाहते हैं, तो “मूल फ़ाइल” चुनें।
Base64 में ICO फ़ाइलें
ICO फ़ाइल एक छोटा कंटेनर है: एक हेडर, एंट्री की एक डायरेक्टरी और हर एंट्री के लिए एक इमेज, जो BMP या PNG डेटा के रूप में सहेजी जाती है। हेडर 00 00 01 00 बाइट से शुरू होता है, इसलिए किसी आइकन का Base64 AAABAA से शुरू होता है। Base64 आइकन आपको <link rel="icon" href="data:image/x-icon;base64,..."> जैसे फ़ेविकॉन data URI में, सिंगल-फ़ाइल HTML पेजों में और वेबसाइट आइकन लौटाने वाले API में दिखेंगे।
पंजीकृत MIME टाइप image/vnd.microsoft.icon है, लेकिन image/x-icon कहीं ज़्यादा आम है और हर जगह काम करता है।
कौन-सा आइकन आकार चुनें
| आकार | आम उपयोग |
|---|---|
| 16 × 16 | सामान्य स्क्रीन पर ब्राउज़र टैब और बुकमार्क |
| 32 × 32 | हाई-डेंसिटी स्क्रीन पर ब्राउज़र टैब |
| 48 × 48 | Windows डेस्कटॉप और Explorer आइकन |
| 64, 128 | बड़े पूर्वावलोकन और ऐप्लिकेशन सूचियाँ |
| 256 × 256 | Windows पर बड़े और बहुत बड़े आइकन व्यू |
“कई आकार” विकल्प 16, 32, 48 और 256 को एक ही फ़ाइल में पैक करता है, ताकि हर सिस्टम अपने लिए सबसे उपयुक्त आकार चुन सके। अंदर की इमेज PNG से कंप्रेस होती हैं, जिससे पारदर्शिता बनी रहती है; यह तरीक़ा Windows Vista और उसके बाद के संस्करणों में और सभी आधुनिक ब्राउज़र में समर्थित है।
आइकन को फ़ेविकॉन के रूप में इस्तेमाल करना
ब्राउज़र साइट के रूट से /favicon.ico अपने आप माँगते हैं, इसलिए फ़ाइल को वहाँ सहेजना किसी मार्कअप के बिना भी काम करता है। href में Base64 data URI रखने से वह अनुरोध बच जाता है, लेकिन तब आइकन अलग से कैश होने के बजाय हर पेज के साथ दोबारा डाउनलोड होता है। आधुनिक ब्राउज़र PNG और SVG आइकन भी स्वीकार करते हैं, और एक आम सेटअप दोनों को साथ इस्तेमाल करता है:
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" href="/icon.svg" type="image/svg+xml">सरल आकृतियों और तेज़ कंट्रास्ट वाली वर्गाकार इमेज से शुरुआत करें; 16 पिक्सेल पर बारीक विवरण गायब हो जाते हैं। दूसरे कामों के लिए PNG संस्करण चाहिए, तो Base64 से PNG आज़माएँ।
अक्सर पूछे जाने वाले प्रश्न
favicon.ico का आकार कितना होना चाहिए?
16, 32 और 48 पिक्सेल की इमेज वाला मल्टी-साइज़ आइकन ब्राउज़र और Windows, दोनों के लिए काफ़ी है। यहाँ का “कई आकार” विकल्प बड़े आइकन व्यू के लिए 256 भी जोड़ता है।
क्या Base64 PNG या SVG को ICO में बदला जा सकता है?
हाँ। उसे पेस्ट करें, डाउनलोड फ़ॉर्मैट ICO ही रहने दें और एक आकार चुनें। आपका ब्राउज़र जो भी इमेज दिखा सकता है, उसे कन्वर्ट किया जा सकता है।
पूर्वावलोकन में मेरे आइकन का केवल एक आकार क्यों दिखता है?
ICO फ़ाइल में कई इमेज हो सकती हैं, लेकिन पूर्वावलोकन उनमें से केवल एक दिखाता है। फ़ाइल की हर इमेज रखने के लिए “मूल फ़ाइल” के रूप में डाउनलोड करें।
क्या ICO पारदर्शिता बनाए रखता है?
हाँ। आइकन पूरे अल्फ़ा चैनल वाले PNG डेटा के रूप में सहेजे जाते हैं, इसलिए गोल कोने और हल्के किनारे पारदर्शी रहते हैं।
किसी आइकन को data URI में कैसे रखें?
<link rel="icon"> टैग के href में पेस्ट करें।