SVG से आइकन कन्वर्टर

Q: इस पेज और SVG से ICO पेज में क्या फ़र्क है?

[SVG to ICO](/svg-to-ico) सिर्फ़ एक .ico फ़ाइल पर केंद्रित है, जो फ़ेविकॉन और Windows के लिए होती है। यह पेज आइकन की हर जगह को कवर करता है, जिसमें macOS का ICNS और Android, iOS व ऐप स्टोर के तय साइज़ वाले PNG भी शामिल हैं।

एक वेक्टर लोगो से आपकी हर आइकन जगह भर सकती है: फ़ेविकॉन, Windows शॉर्टकट, Mac ऐप और फ़ोन के लॉन्चर आइकन। यह पेज मल्टी-साइज़ ICO से शुरू होता है, और दूसरे प्लेटफ़ॉर्म के लिए आप ICNS या PNG चुन सकते हैं।

या JPG, JPEG, JPE … फ़ाइलें यहाँ ड्रop करें ·

प्रति फ़ाइल अधिकतम 95 MB· अधिकतम 20 फ़ाइलें· 30 मिनट बाद हटा दी जाती हैं

आउटपुट

इसमें बदलें

फ़ाइलें हमारे सर्वर पर प्रोसेस होती हैं और 30 मिनट बाद हटा दी जाती हैं।

क्वालिटी और रंग

एनिमेटेड इनपुट

इस फ़ॉर्मैट में सिर्फ़ एक इमेज होती है। एनिमेशन रखना हो तो GIF या WebP आउटपुट चुनें।

आइकन साइज़

मल्टी-साइज़ आइकन एक फ़ाइल में कई रिज़ॉल्यूशन रखता है; ब्राउज़र और ऑपरेटिंग सिस्टम अपनी ज़रूरत का चुन लेते हैं।

आउटपुट रीसाइज़ करें

आउटपुट इमेज रीसाइज़ करें

मूल डाइमेंशन रखें, या एक साइड डालें और आस्पेक्ट रेशियो बना रहेगा।

मेटाडेटा और कलर प्रोफ़ाइल

ऑटो ओरिएंट

EXIF में सहेजे ओरिएंटेशन से इमेज घुमाएँ ताकि वह हर जगह सीधी दिखे।

मेटाडेटा हटाएँ

GPS लोकेशन, कैमरा डेटा और कमेंट हटाएँ। कलर प्रोफ़ाइल को नीचे अलग से रखा जा सकता है।

कलर प्रोफ़ाइल रखें

एम्बेडेड ICC प्रोफ़ाइल रखें ताकि कन्वर्ट करने के बाद भी रंग सटीक रहें।

कलर स्पेस

स्क्रीन और वेब के लिए sRGB सही है। प्रिंट वर्कफ़्लो के लिए मूल रखें; ग्रेस्केल रंग हटा देता है।

DPI टैग

dpi

सिर्फ़ मेटाडेटा, 0 मूल मान रखता है। प्रिंटर और कुछ पोर्टल यह संख्या पढ़ते हैं; इससे पिक्सल डाइमेंशन नहीं बदलते।

इस टूल का उपयोग कैसे करें

1
चौकोर SVG अपलोड करें
अपने लोगो या मार्क की SVG जोड़ें, बेहतर होगा कि उसका viewBox चौकोर हो। एक बार में 20 फ़ाइलें तक जोड़ी जा सकती हैं, जैसे लाइट और डार्क वर्शन।
2
आइकन फॉर्मेट चुनें
ICO पहले से चुना हुआ है और आइकन साइज़ में सभी साइज़ (16–256) सेट है। macOS के लिए इसमें बदलें में ICNS चुनें, या फ़ोन या स्टोर आइकन के लिए PNG चुनें और आउटपुट इमेज रीसाइज़ करें में चौड़ाई डालें।
3
कन्वर्ट करें और फ़ाइलें सही जगह रखें
ICO में कन्वर्ट करें → दबाएँ (बटन का नाम चुने गए फ़ॉर्मेट के अनुसार बदलता है), डाउनलोड करें और हर फ़ाइल को उस जगह रखें जहाँ उसका प्लैटफ़ॉर्म उसे ढूँढता है।

आइकन का कोई एक फ़ॉर्मेट नहीं है। Windows और ब्राउज़र ICO इस्तेमाल करते हैं, macOS ICNS, और फ़ोन PNG के सेट। SVG से शुरू करने पर हर आइकन वेक्टर से नए सिरे से बनता है, इसलिए हर साइज़ पर साफ़ दिखता है।

SVG से आइकन: एक वेक्टर, तीन तरह की आइकन फ़ाइलें

आइकन फ़ाइल छोटी बिटमैप इमेज का कंटेनर होती है, वेक्टर नहीं। ऑपरेटिंग सिस्टम ज़रूरत के साइज़ के सबसे पास वाली बिटमैप चुनता है, इसलिए अच्छे आइकन में कई साइज़ होते हैं, हर एक अपनी ग्रिड के हिसाब से बना।

इस पेज का ICO प्रीसेट 16 से 256 px तक के हर साइज़ के साथ एक फ़ाइल बनाता है, जो favicon.ico और Windows शॉर्टकट के लिए काफ़ी है। Apple आइकन कंटेनर के लिए इसमें बदलें में ICNS चुनें, या Android, iOS और ऐप स्टोर के अलग-अलग साइज़ के लिए PNG चुनें।

नीचे की तालिका में बड़े प्लैटफ़ॉर्म द्वारा आइकन स्लॉट के लिए बताई गई ज़रूरतें दी गई हैं।

हर प्लेटफ़ॉर्म को कौन-सी आइकन फ़ाइलें चाहिए
संस्था	आवश्यकता	स्रोत
Windows डेस्कटॉप और टास्कबार	कई साइज़ वाला ICO, जिसमें 16, 32, 48 और 256 px शामिल हों	—
वेबसाइट फ़ेविकॉन	साइट की रूट में favicon.ico, जिसमें 16, 32 और 48 px हों; apple-touch-icon के लिए 180 × 180 px का PNG	—
macOS ऐप आइकन	ICNS या Xcode एसेट कैटलॉग, 1024 × 1024 px तक के साइज़	—
Google Play स्टोर लिस्टिंग	512 × 512 px का 32-बिट PNG, 1,024 KB तक	—
Apple App Store	बिना पारदर्शिता का 1024 × 1024 px PNG	—

SVG

Scalable Vector Graphics

SVG एक XML-आधारित वेक्टर फ़ॉर्मेट है, जिसे W3C ने 2001 में मानकीकृत किया। यह पिक्सल की जगह आकृतियों, पाथ और टेक्स्ट को बताता है, इसलिए किसी भी साइज़ पर तीखा रहता है और लोगो व आइकन के लिए आमतौर पर बहुत छोटा होता है। यह ट्रांसपेरेंसी, CSS स्टाइलिंग, स्क्रिप्टिंग और एनिमेशन को सपोर्ट करता है, और हर ब्राउज़र इसे सीधे रेंडर करता है। SVG फ़ोटो के लिए उपयुक्त नहीं है, और जटिल इलस्ट्रेशन रेंडर होने में धीमे हो सकते हैं। Illustrator, Inkscape, Figma और ब्राउज़र इसे खोल और एडिट कर सकते हैं।

कंप्रेशन: –
ट्रांसपेरेंसी (पारदर्शिता): हाँ
एनिमेशन: हाँ
शुरुआत का वर्ष: 2001 · W3C

SVG कन्वर्टर

ICO

Windows आइकन

ICO Microsoft का आइकन फ़ॉर्मैट है, जो Windows प्रोग्राम आइकन और वेबसाइट फ़ेविकॉन के लिए इस्तेमाल होता है। एक .ico फ़ाइल में अलग-अलग साइज़ की कई इमेज हो सकती हैं, जैसे 16×16, 32×32, 48×48 और 256×256 पिक्सल, ताकि सिस्टम सबसे सही साइज़ चुन सके। हर इमेज बिटमैप या PNG डेटा के रूप में रखी जा सकती है और पूरी अल्फ़ा ट्रांसपेरेंसी सपोर्ट करती है। ICO फ़ोटो या बड़े आर्टवर्क के लिए नहीं है। ब्राउज़र, Windows और ज़्यादातर आइकन एडिटर इसे पढ़ सकते हैं।

कंप्रेशन: लॉसलेस
ट्रांसपेरेंसी (पारदर्शिता): हाँ
एनिमेशन: नहीं
शुरुआत का वर्ष: Microsoft

ICO कन्वर्टर

लोग SVG to icon तब खोजते हैं जब उनके पास एक वेक्टर लोगो हो और कई प्लैटफ़ॉर्म हों, जिनमें हर एक का अपना आइकन फ़ॉर्मेट हो: वेबसाइट के favicon.ico से लेकर Mac के ICNS और ऐप स्टोर के तय साइज़ वाले PNG तक।

Windows, Mac, Android और iOS के लिए SVG को आइकन फ़ाइलों में बदलें

ICO रखें और आइकन साइज़ को सभी साइज़ पर रहने दें। वेबसाइट की रूट के लिए नतीजे का नाम favicon.ico कर दें, या Windows शॉर्टकट के Change Icon डायलॉग में इसे चुनें।

एक .ico टैब, बुकमार्क और टास्कबार तीनों के लिए काम करती है
iPhone होम स्क्रीन बुकमार्क के लिए 180 px का PNG जोड़ें

ऐसा SVG डिज़ाइन करें जो 16 px पर भी साफ़ दिखे

16 × 16 px के आइकन में कुल 256 पिक्सल होते हैं। ज़्यादातर ब्रांड अलग आइकन मार्क रखते हैं, अक्सर सिर्फ़ सिंबल या एक अक्षर, जिसमें मोटे आकार और कम रंग होते हैं; अगर आपका ऐसा नहीं है, तो आइकन के लिए SVG की एक सरल कॉपी बनाएँ।

कन्वर्ट करने से पहले viewBox जाँच लें। चौड़ा viewBox होने पर मार्क के ऊपर और नीचे खाली पट्टियाँ आ जाती हैं, इसलिए पहले उसे चौकोर क्रॉप करें; इमेज को किसी रेशियो में क्रॉप करने की गाइड में चौकोर क्रॉप समझाया गया है, और डिज़ाइन परखने के लिए SVG to PNG से बड़ा प्रीव्यू तुरंत मिल जाता है।

SVG से आइकन: अक्सर पूछे जाने वाले सवाल

इस पेज और SVG से ICO पेज में क्या फ़र्क है?

SVG to ICO सिर्फ़ एक .ico फ़ाइल पर केंद्रित है, जो फ़ेविकॉन और Windows के लिए होती है। यह पेज आइकन की हर जगह को कवर करता है, जिसमें macOS का ICNS और Android, iOS व ऐप स्टोर के तय साइज़ वाले PNG भी शामिल हैं।

कौन-सा ऑपरेटिंग सिस्टम कौन-सा आइकन फॉर्मेट इस्तेमाल करता है?

Windows ICO पढ़ता है, macOS ICNS या Xcode में बने एसेट कैटलॉग पढ़ता है, और Android व iOS तय पिक्सल साइज़ वाली PNG इमेज लेते हैं।

क्या एक ही कन्वर्ज़न में ऐप के सारे PNG साइज़ मिल सकते हैं?

नहीं। PNG में एक ही साइज़ होता है, इसलिए हर कन्वर्ज़न में एक चौड़ाई बनती है। आउटपुट इमेज रीसाइज़ करें में एक साइज़ डालें, कन्वर्ट करें, फिर संख्या बदलकर दोबारा कन्वर्ट करें; हर साइज़ वेक्टर से साफ़ बनता है।

क्या इस पेज से बना ICNS Retina Mac आइकन के लिए काफ़ी है?

इसमें 16 से 256 px तक के साइज़ होते हैं। आज के macOS ऐप आइकन में Retina डिस्प्ले के लिए 512 px और 1024 px की एंट्री भी होती हैं, जिन्हें Xcode या Apple का iconutil PNG से बनाता है; इन दोनों को यहाँ PNG के रूप में निकालें और सेट में जोड़ें।

क्या आइकन का बैकग्राउंड ट्रांसपेरेंट रखना चाहिए?

ICO, ICNS और Android लॉन्चर लेयर के लिए हाँ: पारदर्शिता से सिस्टम अपना बैकग्राउंड खुद बना सकता है। iOS App Store आइकन अपवाद है; Apple अल्फ़ा चैनल वाला 1024 px मार्केटिंग आइकन अस्वीकार कर देता है, इसलिए उस PNG के लिए SVG में ठोस बैकग्राउंड रखें।

छोटे आइकन में मेरा बारीक डिज़ाइन वाला लोगो धब्बा क्यों बन जाता है?

16 या 32 px पर पतली लाइनों या छोटे टेक्स्ट की जगह नहीं होती। लाइनों को इतना मोटा करें कि सबसे छोटे साइज़ पर भी कम से कम एक पूरा पिक्सल भरें, और वर्डमार्क हटा दें।