SVG से ICO कन्वर्टर
नीचे SVG डालें और बदले में ICO फ़ाइल पाएँ। वेक्टर को आपके चुने हर साइज़ पर, 16 से 256 px तक, अलग से बनाया जाता है। इसलिए .ico का हर आइकन किसी एक बड़े बिटमैप को छोटा करके नहीं, बल्कि अपने पिक्सल ग्रिड के हिसाब से रेंडर होता है। नतीजे को favicon.ico या Windows आइकन की तरह इस्तेमाल करें। अपने डिवाइस से जोड़ी गई SVG आपके ब्राउज़र में ही रहती है।
कन्वर्ट करने से पहले अपनी SVG जाँच लें
- viewBox ज़रूर दें। रूट svg एलिमेंट में viewBox एट्रिब्यूट होना चाहिए, ताकि ड्रॉइंग वर्ग में स्केल हो सके। इसके बिना आइकन कटा हुआ, बीच से हटा हुआ या खाली आ सकता है।
- टेक्स्ट को आउटलाइन करें। लाइव टेक्स्ट उन्हीं फ़ॉन्ट से रेंडर होता है जो ब्राउज़र के पास इंस्टॉल हैं। Figma, Illustrator या Inkscape में टेक्स्ट को पाथ में बदल दें, ताकि अक्षर हर मशीन पर एक जैसे दिखें।
- इमेज और स्टाइल फ़ाइल के अंदर ही रखें। जब ब्राउज़र SVG को कैनवास पर बनाता है, तो वह लिंक की गई इमेज या बाहरी स्टाइलशीट लोड नहीं करता, इसलिए वे आइकन से गायब हो जाती हैं। इमेज को data URI के रूप में इनलाइन करें और CSS को फ़ाइल के अंदर ही रखें।
- 16 px के लिए सरल बनाएँ। एक पिक्सल से पतली लाइनें 16 और 32 px पर धुंधली होकर ग्रे हो जाती हैं। अगर आइकन ज़्यादातर ब्राउज़र टैब में दिखेगा, तो कन्वर्ट करने से पहले पतली लाइनें मोटी करें और बारीक डिटेल हटा दें।
SVG को ICO में कैसे बदलें
- SVG जोड़ें. उसे अपलोड बॉक्स पर ड्रैग करें, अपने डिवाइस से चुनें या पेस्ट करें। 10 MB तक की फ़ाइलें स्वीकार की जाती हैं।
- साइज़ चुनें. फ़ेविकॉन के लिए 16, 32 और 48 px रखें। अगर Windows इसे ऐप आइकन की तरह दिखाएगा, तो 256 px जोड़ दें।
- स्केलिंग चुनें. “Contain” पूरे लोगो को वर्ग के अंदर रखता है। अगर पीछे सफेद रंग नहीं चाहिए, तो पृष्ठभूमि “पारदर्शी” ही रहने दें।
- कन्वर्ट करें और सेव करें. “कन्वर्ट करें” पर क्लिक करें, फिर .ico डाउनलोड करें। कई SVG को “फाइलें डाउनलोड करें” से एक साथ ZIP में सेव किया जा सकता है।
SVG से ICO: आम सवाल
मेरा ICO खाली क्यों है या उसके कुछ हिस्से गायब क्यों हैं?
आम तौर पर वजह यह होती है कि SVG में viewBox नहीं है, वह किसी बाहरी इमेज या स्टाइलशीट को लिंक करती है, या ऐसा फ़ॉन्ट इस्तेमाल करती है जो आपके ब्राउज़र में नहीं है। SVG में ये चीज़ें ठीक करें और फिर से कन्वर्ट करें। हर स्थिति का हल SVG से ICO ट्रबलशूटिंग गाइड में दिया गया है।
क्या ICO वेक्टर ही रहता है?
नहीं। ICO में तय साइज़ वाली बिटमैप इमेज होती हैं, इसलिए आपके चुने हर साइज़ के लिए SVG को एक बार रास्टराइज़ किया जाता है। अपनी SVG को मास्टर फ़ाइल के रूप में संभालकर रखें।
क्या 16 px पर आइकन शार्प दिखेगा?
यह सीधे 16 × 16 पर रेंडर होता है, यानी उस साइज़ में जितना शार्प हो सकता है, उतना। फिर भी एक पिक्सल से बारीक डिटेल नहीं बच पाती, इसलिए पहले पतली लाइनें सरल कर लें।
क्या ICO की जगह SVG फ़ेविकॉन लगाना चाहिए?
आजकल ज़्यादातर ब्राउज़र link टैग के ज़रिए SVG फ़ेविकॉन स्वीकार करते हैं, लेकिन कई टूल और पुराने ब्राउज़र अब भी /favicon.ico माँगते हैं। बहुत-सी साइटें दोनों लगाती हैं: मॉडर्न ब्राउज़र के लिए SVG और फ़ॉलबैक के तौर पर ICO।
डिज़ाइन टूल के टिप्स के साथ स्टेप-बाय-स्टेप तरीके के लिए SVG से ICO गाइड पढ़ें।
आपके पास PNG है? PNG से ICO कन्वर्टर इस्तेमाल करें।
JPG, WebP, GIF, BMP और AVIF फ़ाइलें होम पेज के ICO कन्वर्टर में चलती हैं।