आपका आइकन व्यूअर हमेशा सिर्फ एक साइज़ क्यों दिखाता है
.ico फाइल को किसी सामान्य इमेज व्यूअर में खोलें, आपको एक ही आइकन दिखेगा। यह इस बारे में भ्रामक है कि फाइल में असल में क्या है: .ico एक कंटेनर फॉर्मेट है जो एक ही आइकन के कई रिज़ॉल्यूशन को एक फाइल में बंडल करता है — आमतौर पर 16×16, 32×32, और 48×48, कभी-कभी बड़े भी — ताकि जो भी उसे दिखा रहा हो (ब्राउज़र टैब, बुकमार्क बार, डेस्कटॉप शॉर्टकट) वह असल में फिट होने वाला साइज़ चुन सके, बजाय इसके कि एक ही इमेज को बड़ा-छोटा करके शार्पनेस गंवाए।
ज्यादातर व्यूअर सिर्फ पहली या सबसे बड़ी एंट्री दिखाते हैं और बाकी को चुपचाप छुपा देते हैं, यही वजह है कि एक अलग .ico इंस्पेक्टर तब काम आता है जब आपको असल में जानना हो कि अंदर क्या पैक है — डिप्लॉय करने से पहले फेविकॉन चेक करना, किसी क्लाइंट की दी गई आइकन फाइल में पर्याप्त साइज़ वेरिएंट होने की पुष्टि करना, या यह डीबग करना कि किसी खास साइज़ पर साइट का टैब आइकन धुंधला क्यों दिखता है।
एक ही फाइल फॉर्मेट में दो आइकन एन्कोडिंग
यहाँ एक बारीकी है जो लोगों को उलझा देती है: .ico फाइल के अंदर हर एंट्री एक जैसे तरीके से स्टोर नहीं होती। बड़े, ज्यादा आधुनिक आइकन साइज़ आमतौर पर PNG-एन्कोडेड होते हैं — आधुनिक कम्प्रेशन, फॉर्मेट समझने वाले किसी भी टूल में साफ प्रीव्यू होता है। छोटे, पुराने साइज़ अक्सर मूल ICO स्पेसिफिकेशन के रॉ बिटमैप फॉर्मेट में स्टोर होते हैं, जो PNG से भी पुराना एन्कोडिंग है और इसे विज़ुअली रेंडर करने के लिए ज्यादा खास डिकोडिंग चाहिए।
यही वजह है कि एक अच्छा .ico इंस्पेक्शन टूल PNG-एन्कोडेड एंट्री के लिए लाइव प्रीव्यू दिखाता है लेकिन रॉ-बिटमैप वालों के लिए (बिना विज़ुअल रेंडर के) साइज़ और बिट-डेप्थ मेटाडेटा लिस्ट करता है — यह टूल की सीमा नहीं, बल्कि यह फॉर्मेट असल में अंदर से कितना मिला-जुला है इसका सही प्रतिबिंब है।
सही फेविकॉन बनाने के लिए यह क्यों मायने रखता है
3-5 साइज़ बंडल करने वाला अच्छी तरह बना favicon.ico हर जरूरी संदर्भ को कवर करता है: भीड़भाड़ वाले ब्राउज़र टैब बार के लिए छोटा साइज़, बुकमार्क के लिए मीडियम साइज़, डेस्कटॉप शॉर्टकट या हाई-DPI डिस्प्ले के लिए बड़ा साइज़। सिर्फ एक साइज़ वाली .ico भेजने पर, कम से कम कुछ संदर्भों में धुंधला, बड़ा या छोटा किया गया आइकन मिलेगा, भले ही तकनीकी रूप से फाइल में "फेविकॉन है"। डिप्लॉय करने से पहले असल में क्या बंडल है यह चेक करने से यूज़र के नोटिस करने से पहले ही यह पकड़ में आ जाता है।
सिर्फ जरूरी एक साइज़ निकालना
कभी-कभी आपको पूरा बंडल नहीं चाहिए — सिर्फ एक खास रिज़ॉल्यूशन अलग फाइल के रूप में चाहिए, जैसे किसी डिज़ाइन मॉकअप या किसी दूसरे प्लेटफॉर्म की आइकन जरूरत के लिए। किसी भी PNG-एन्कोडेड एंट्री के लिए, एक बार उसे लाइव प्रीव्यू के रूप में देख लेने पर, उस इमेज को सीधे सेव करने से आपको बिना पूरा .ico कंटेनर अनपैक करने के लिए अलग सॉफ्टवेयर की जरूरत के, वही एक साइज़ अलग से मिल जाता है।