SVG को ICO में बदलें (फ़ेविकॉन)
फ़ेविकॉन का आदर्श सोर्स वेक्टर आर्ट ही है: आपका SVG अपने घोषित साइज़ के 4 गुने पर पाथ से रेंडर होता है, फिर हर आइकॉन उसी से साफ़ नीचे उतरता है — छोटे रास्टर को खींचने वाला धुँधलापन यहाँ है ही नहीं। नतीजा: 16, 32 और 48px की एंट्रीज़ वाला एक .ico, ट्रांसपेरेंसी ठीक वैसी जैसी डिज़ाइन की गई थी।
ये भी काम आएँगे: SVG को PNG में बदलें
यह कैसे काम करता है
अपनी SVG फ़ाइलें ऊपर टूल पर खींच लाएँ, क्लिक करके चुनें, या क्लिपबोर्ड से पेस्ट करें।
वेक्टर अपने घोषित साइज़ के 4× पर रेंडर होता है, फिर कुरकुरे 16, 32 और 48px आइकॉनों में घटता है — कोई सेटिंग छेड़नी नहीं पड़ती।
हर .ico अलग-अलग डाउनलोड करें, या सबको एक ही zip में समेट लें।
SVG vs ICO
रेंडर करना रीसैंपल करने से जीतता है — वेक्टर सोर्स का पूरा मुक़दमा इसी एक वाक्य में है। हर आइकॉन साइज़ ज्यामिति से 4× पर रास्टराइज़ होकर एक ही बार घटता है, इसलिए 16px की एंट्री में वह स्ट्रोक-वज़न बचा रहता है जिसे सिकोड़ी हुई PNG औसत करके उड़ा देती है। लोगो अगर SVG में रहता है, तो किसी और चीज़ को कन्वर्ट करना असल में एक कॉपी को कन्वर्ट करना है।
| SVG | ICO | |
|---|---|---|
| कंप्रेशन | वेक्टर (XML टेक्स्ट) | लॉसलेस (BMP या PNG एंट्री) |
| ट्रांसपेरेंसी | हाँ (पूरी अल्फ़ा) | हाँ (पूरी अल्फ़ा) |
| एनिमेशन | हाँ (CSS/SMIL) | नहीं |
| सपोर्ट | सभी ब्राउज़र; अपलोड फ़ॉर्म अक्सर ठुकरा देते हैं | फ़ेविकॉन के लिए हर जगह |
| सबसे उपयुक्त | लोगो, आइकॉन, इलस्ट्रेशन | फ़ेविकॉन और Windows ऐप आइकॉन |
अक्सर पूछे जाने वाले सवाल
नहीं — और यही इस साइट के होने की वजह है। पूरा कन्वर्ज़न WebAssembly के ज़रिए आपके ब्राउज़र में ही होता है, इसलिए फ़ाइलें आपके डिवाइस से बाहर नहीं जातीं और बीच में कोई सर्वर नहीं आता। पेज लोड होने के बाद टूल बिना इंटरनेट के भी चलता है, और डिवाइस की मेमोरी के अलावा साइज़ की कोई सीमा नहीं है।
क्योंकि हर साइज़ रीसाइज़ नहीं, रेंडर होता है: वेक्टर बड़े पैमाने पर रास्टराइज़ होकर हर एंट्री तक घटता है, इसलिए 16px का आइकॉन उतना ही शार्प है जितना ज्यामिति होने देती है। रास्टर सोर्स अपने मूल रेज़ोल्यूशन से बेहतर हो ही नहीं सकते — वेक्टर इस समस्या के बग़ल से निकल जाता है।
ज्यामिति बचती है; डिटेल नहीं। पतले स्ट्रोक, छोटा टेक्स्ट और नाज़ुक सजावट 16px पर पिघल जाते हैं, सोर्स चाहे कितना भी सटीक हो। साफ़ पढ़े जाने वाले फ़ेविकॉन सादी, हाई-कॉन्ट्रास्ट आकृतियाँ होते हैं — कई डिज़ाइन सिस्टम ठीक इसी काम के लिए लोगो का सरल "मार्क ओनली" वेरिएंट रखते हैं।
दोनों करें — यही आज की सही रीत है। नए ब्राउज़र <link rel="icon" type="image/svg+xml"> लेते हैं और SVG के अंदर के डार्क-मोड स्टाइल तक निभाते हैं; इस टूल का .ico Safari (जो SVG फ़ेविकॉन अब भी अनदेखा करता है), क्रॉलरों और /favicon.ico के हर पुराने उपभोक्ता को सँभालता है।
256px की PNG PNG को ICO में बदलें से 95% रास्ता तय कर देती है — बड़े रास्टर से घटाना काफ़ी माफ़ करने वाला काम है। फिर भी 16px पर वेक्टर आगे रहता है, जहाँ ज्यामिति से रेंडर होना वह स्ट्रोक-वज़न बचा लेता है जिसे रीसैंपलिंग औसत में उड़ा देती है। और अगर लोगो वैसे भी SVG में सँभाला जाता है, तो स्रोत-सत्य से ही कन्वर्ट करना सीधा-सादा सफ़ाई का मामला है।
जहाँ डिटेल के पास जाने की जगह नहीं: बाल जितने पतले स्ट्रोक 32px के नीचे ग़ायब हो जाते हैं और टेक्स्ट बनावट भर रह जाता है। लोगो को सरल करना हो तो वेक्टर में करें — स्ट्रोक मोटे करें, वर्डमार्क हटाएँ — यह उम्मीद न पालें कि घटाना मेहरबान होगा। और जाँच लें कि SVG में viewBox घोषित है; बिना नाप वाली फ़ाइलें किसी फ़ॉलबैक साइज़ पर रेंडर होकर चौंका सकती हैं।
मिलते-जुलते टूल
SVG को PNG में बदलें
SVG को ब्राउज़र में ही PNG बनाएँ — मुफ़्त, प्राइवेट, बिना अपलोड। 1× से 4× तक का स्केल चुनें और आइकॉन-लोगो हर साइज़ पर शार्प रहें, अल्फ़ा समेत।
PNG को ICO में बदलें (फ़ेविकॉन)
PNG से मल्टी-साइज़ ICO फ़ेविकॉन बनाएँ, सीधे ब्राउज़र में — मुफ़्त, बिना अपलोड। एक ही फ़ाइल में 16, 32 और 48px के आइकॉन, ट्रांसपेरेंसी पूरी तरह सुरक्षित।
ICO को PNG में बदलें
ICO फ़ाइल को ब्राउज़र में ही PNG बनाएँ — मुफ़्त, बिना अपलोड। फ़ेविकॉन या Windows आइकॉन की सबसे बड़ी एंट्री, अक्सर 32 या 48px, अल्फ़ा समेत लॉसलेस निकलती है।
SVG को PDF में बदलें
SVG को PDF में बदलें, ब्राउज़र में — मुफ़्त, बिना अपलोड। सच कहें तो यह रास्टराइज़ करता है: घोषित साइज़ पर पिक्सेल बनते हैं; width 200 को 800 करें तो 4 गुना डिटेल।