SVG को ICO में बदलें - हर आकार वेक्टर से बनाया गया
ICO एक छवि नहीं, बल्कि कई छवियों का डिब्बा है, और ब्राउज़र वही उठाता है जो उस जगह के लिए ठीक बैठे जहाँ वह आइकन दिखा रहा है। यह टूल उसमें छह भरता है: 16, 32, 48, 64, 128 और 256 पिक्सेल वर्ग। SVG से शुरू करने का असली फ़ायदा यह है कि इनमें से हर आकार आपकी मूल ज्यामिति से अपने ही माप पर बनाया जाता है, बजाय एक बार 256 पर बनाकर पाँच बार छोटा करने के। वेक्टर से शुरू करने की पूरी वजह यही है, और तीखे किनारों वाली कलाकृति में यही पढ़े जाने लायक आइकन और धूसर धब्बे के बीच का फ़र्क़ है - हमने इसे मापा है, और आँकड़े इसी पन्ने पर हैं। सब कुछ आपके अपने डिवाइस पर होता है: आपका ब्राउज़र फ़ाइल पढ़ता है, छह बार बनाता है, ICO में पैक करता है और लौटा देता है। कुछ अपलोड नहीं होता और कुछ संग्रहीत नहीं होता।
इस टूल का उपयोग कैसे करें
अपनी SVG छोड़ें
ऊपर वाले बक्से पर SVG खींचकर छोड़ें या चुनने के लिए क्लिक करें, 5 MB तक। फ़ाइल नाम से नहीं, सामग्री से जाँची जाती है, इसलिए ग़लत लेबल वाली चीज़ आधी बनने के बजाय लौटा दी जाती है।
16 पिक्सेल की झलक देखें
पैनल आपकी कलाकृति 16, 32 और 48 पिक्सेल पर, असली आकार में दिखाता है, उसी रास्ते से बनाकर जिससे असली आउटपुट बनेगा। अगर 16 पिक्सेल वाला रूप यहाँ पढ़ा नहीं जा रहा, तो ब्राउज़र टैब में भी नहीं पढ़ा जाएगा, और कोई कन्वर्टर इसे आपके लिए ठीक नहीं कर सकता।
ICO बनाएँ
“ICO बनाएँ” दबाइए। आपका चित्र छह बार अलग-अलग बनाया जाता है - 16, 32, 48, 64, 128 और 256 पिक्सेल - और हर रेंडर PNG में एन्कोड होकर डिब्बे में पैक होता है, सबसे बड़ी प्रविष्टि पहले।
favicon.ico के नाम से सहेजें
फ़ाइल डाउनलोड कीजिए और अपनी साइट की मूल निर्देशिका में रख दीजिए। ब्राउज़र, Windows शॉर्टकट और फ़ीड रीडर सब परंपरा के मुताबिक़ /favicon.ico माँगते हैं, और हर एक वही आकार उठाता है जो उस जगह के लिए ठीक बैठे।
अक्सर पूछे जाने वाले प्रश्न
फ़ाइल के भीतर कौन-कौन से आकार जाते हैं?
छह: 16, 32, 48, 64, 128 और 256 पिक्सेल वर्ग। सोलह ब्राउज़र टैब है, 32 टास्कबार और बुकमार्क बार, 48 Windows डेस्कटॉप, और तीन बड़े आकार ऊँचे घनत्व वाली स्क्रीन और Explorer के बड़े-आइकन दृश्यों को संभालते हैं। हर एक डिब्बे के भीतर पूरी PNG है।
हर आकार अलग से बनाना क्यों मायने रखता है?
क्योंकि छोटा करने पर बारीकी औसत होकर मिट जाती है। हमने एक पिक्सेल-आर्ट चिह्न दोनों तरीक़ों से 16 × 16 पर बनाया: सीधे वेक्टर से बनाने पर 141 पूरी तरह ठोस पिक्सेल मिले और आधे-पारदर्शी एक भी नहीं। 512 पिक्सेल के रेंडर से छोटा करने पर उसी 16 × 16 ग्रिड में 98 ठोस और 64 आंशिक पारदर्शी पिक्सेल थे - यानी 40% स्याही धुँधलाहट बन गई।
क्या यह हमेशा छोटी की हुई फ़ाइल से तीखा दिखेगा?
नहीं, और यह जानना ज़रूरी है कि कब। फ़ायदा उस कलाकृति में बड़ा है जिसके किनारे पिक्सेल ग्रिड पर बैठते हैं: ज्यामितीय चिह्न, पिक्सेल आर्ट, shape-rendering वाली कोई भी चीज़। पतली रेखा वाले आइकन में दोनों लगभग एक जैसे हैं, क्योंकि 24 इकाई के कैनवास पर 2 इकाई की रेखा 16 पर डेढ़ पिक्सेल से कम ही रहती है, चाहे जिस रास्ते से पहुँचिए।
क्या 2026 में भी ICO की ज़रूरत है?
हाँ, सहारे के रूप में, मुख्य चीज़ के रूप में नहीं। सभी मौजूदा ब्राउज़र SVG या PNG फ़ेविकॉन को तरजीह देते हैं अगर आप घोषित करें, पर Windows शॉर्टकट, RSS रीडर और अंतर्निहित ब्राउज़रों की एक लंबी पूँछ आज भी सीधे /favicon.ico माँगती है। यह छोटी फ़ाइल उन जगहों पर टूटा आइकन दिखने से रोकती है जिन्हें आप कभी जाँचते नहीं।
क्या पारदर्शिता बनी रहती है?
हाँ। हर आकार डिब्बे के भीतर PNG के रूप में, अपने अल्फ़ा चैनल सहित रखा जाता है, इसलिए जहाँ आपकी SVG कुछ नहीं रंगती वहाँ पारदर्शी ही रहता है। आइकनों में यह किसी भी और चीज़ से ज़्यादा मायने रखता है, क्योंकि टैब, टास्कबार और बुकमार्क बार सबका रंग अलग होता है और सफ़ेद डिब्बा हर एक पर उभर आता है।
मेरी 16 पिक्सेल वाली झलक पढ़ी नहीं जा रही, क्या करूँ?
सरल कीजिए, तीखा मत कीजिए। 16 पिक्सेल पर आपके पास कुल 256 पिक्सेल हैं, इसलिए महीन रेखाएँ, छोटा टेक्स्ट और कसी हुई बारीकी बच ही नहीं सकती। ज़्यादातर अच्छे आइकन उस आकार पर एक ही दमदार आकृति होते हैं। किसी कन्वर्टर से बारीक वाले को बचाने की उम्मीद रखने के बजाय छोटे उपयोग के लिए अलग सरल रूप बनाइए।
फ़ाइल में सबसे बड़ा आकार पहले क्यों लिखा जाता है?
क्योंकि Windows शेल के कुछ संस्करण सबसे उपयुक्त ढूँढ़ने के बजाय पहली काम लायक प्रविष्टि उठा लेते हैं। 256 पिक्सेल वाली छवि पहले लिखने से वे ऊँचे रिज़ॉल्यूशन वाला रूप उठाते हैं, और बाक़ी सब वैसे भी पूरी सूची पढ़कर सही चुन लेते हैं। इसमें कुछ ख़र्च नहीं होता और एक ऐसी ख़राबी टल जाती है जो दिखती नहीं।
क्या ICO में 256 पिक्सेल से बड़े आकार रह सकते हैं?
नहीं। सूची की प्रविष्टि चौड़ाई और ऊँचाई एक-एक बाइट में रखती है, इसलिए 256 ही छत है - और उसे शून्य के रूप में रखा जाता है, जो इस प्रारूप की इकलौती सच्ची विचित्रता है। इससे बड़ा कुछ चाहिए तो PNG लीजिए: हमारा SVG-से-PNG टूल इस्तेमाल कीजिए और जो पिक्सेल आकार चाहिए वह तय कर दीजिए।
क्या यही ICO किसी Windows डेस्कटॉप ऐप के लिए इस्तेमाल हो सकती है?
हाँ - यहाँ बनने वाला डिब्बा एक मानक बहु-आकार ICO है, ठीक वही जिसकी Windows निष्पादन योग्य फ़ाइल के संसाधन भाग को दरकार होती है। अपने इंस्टॉलर या बिल्ड टूल को इसी पर लगा दीजिए। ध्यान रहे कि 256 पिक्सेल की प्रविष्टियाँ कच्चे बिटमैप के बजाय PNG के रूप में रखी जाती हैं, जिसे Windows Vista और उसके बाद बिना शिकायत पढ़ता है।
क्या आप मेरी फ़ाइल अपलोड करते हैं?
नहीं। रेंडर करना, एन्कोड करना और पैक करना सब आपके ब्राउज़र में होता है। आपकी कलाकृति कभी किसी सर्वर पर नहीं जाती, आपके अपने डाउनलोड फ़ोल्डर के अलावा कहीं नहीं लिखी जाती, और कोई कतार नहीं है - सीमा सिर्फ़ आपका डिवाइस है।
आपको इनकी भी ज़रूरत हो सकती है
कुछ काम नहीं कर रहा? बग रिपोर्ट करें