ICO को SVG में बदलें

Windows आइकन या फ़ेविकॉन को .svg फ़ाइल में रखें, उन टूल के लिए जो सिर्फ़ SVG लेते हैं। आइकन के पिक्सल पिक्सल ही रहते हैं। इसलिए यह पेज यह भी बताता है कि असली वेक्टर पाथ कैसे पाएँ या सीधे बड़ी PNG कैसे निकालें।

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

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

आउटपुट

इसमें बदलें

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

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

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

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

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

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

ऑटो ओरिएंट

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

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

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

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

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

कलर स्पेस

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

DPI टैग

dpi

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

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

1
.ico फ़ाइल अपलोड करें
किसी वेबसाइट की favicon.ico या Windows प्रोग्राम का आइकन। एक बैच में अधिकतम 20 फ़ाइलें।
2
SVG में कन्वर्ट करें दबाएँ
ICO में सबसे बड़ी इमेज को ट्रांसपेरेंसी के साथ एक SVG डॉक्यूमेंट के अंदर रखा जाता है।
3
तय करें कि आगे क्या चाहिए
SVG को जैसा है वैसा इस्तेमाल करें, स्केलेबल पाथ के लिए उसे ट्रेस करें, या सिर्फ़ तस्वीर चाहिए तो PNG निकाल लें।

उत्तर

क्या ICO को SVG में बदलने से आइकन स्केलेबल हो जाता है?

नहीं। ICO में सिर्फ़ बिटमैप होते हैं, इसलिए SVG उनमें से सबसे बड़े को पिक्सल और ट्रांसपेरेंसी समेत समेट लेता है। हर साइज़ पर साफ़ रहने वाले आइकन के लिए उसे ट्रेस करें; बड़ी तस्वीर वाली फ़ाइल चाहिए तो PNG निकालें।

यह पेज

रैप्ड SVG

ICO का सबसे बड़ा बिटमैप .svg फ़ाइल के अंदर।

बिल्कुल आइकन जैसा दिखता है
ट्रांसपेरेंसी बनी रहती है
बड़ा करने पर धुँधला होता है

ट्रेसिंग

ट्रेस्ड SVG

इमेज से SVG द्वारा किनारों को वेक्टर पाथ में बदला गया।

किसी भी साइज़ तक स्केल होता है
रंग और शेप एडिट कर सकते हैं
छोटी डिटेल सरल हो सकती हैं

निकालें

ICO से PNG

सबसे बड़ी आइकन इमेज PNG के रूप में सेव।

हर जगह खुलती है
लॉसलेस और ट्रांसपेरेंट
पिक्सल साइज़ तय रहता है

ICO से SVG: पिक्सल के चारों ओर एक रैपर, वेक्टर नहीं

ICO फ़ॉर्मेट 1985 में Windows 1.0 से चला आ रहा है और 1999 में जब Internet Explorer 5 ने /favicon.ico खोजना शुरू किया, तब यही favicon फ़ॉर्मेट बन गया। एक फ़ाइल में कई चौकोर बिटमैप होते हैं ताकि Windows और ब्राउज़र सही साइज़ चुन सकें: ब्राउज़र टैब के लिए 16 px, टास्कबार और डेस्कटॉप के लिए 32 या 48 px, और Windows Vista के बाद कंप्रेस्ड PNG डेटा के रूप में रखी 256 px इमेज। इस ढाँचे में कहीं कोई पाथ, कर्व या फ़िल नहीं है।

2001 से W3C फ़ॉर्मेट SVG दोनों तरह की सामग्री रख सकता है: वेक्टर शेप और एम्बेडेड बिटमैप। ICO कन्वर्ट करने पर ईमानदार आउटपुट दूसरी तरह का ही हो सकता है। SVG को आइकन की चौड़ाई-ऊँचाई और पिक्सल वाला एक इमेज एलिमेंट मिलता है, इसलिए ब्राउज़र, Figma या स्लाइड में वह ICO जैसा ही दिखता है। ज़ूम करने पर वही पिक्सल दिखते हैं, क्योंकि कुछ दोबारा नहीं बनाया गया।

ICO के अंदर आइकन साइज़, और सबसे बड़ा साइज़ क्यों ज़रूरी है

1:1

16 × 16 px

ब्राउज़र टैब favicon

अच्छी ट्रेसिंग के लिए बहुत छोटा

1:1

32 × 32 px

हाई-डेंसिटी टैब, टास्कबार

favicon.ico का आम सबसे बड़ा साइज़

1:1

48 × 48 px

डेस्कटॉप आइकन (Windows)

ज़्यादातर प्रोग्राम आइकन में मौजूद

1:1

256 × 256 px

लार्ज आइकन व्यू

ट्रेसिंग या PNG के लिए सबसे अच्छा स्रोत

ICO

Windows आइकन

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

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

ICO कन्वर्टर

SVG

Scalable Vector Graphics

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

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

SVG कन्वर्टर

ICO को SVG में बदलने की ज़रूरत तब पड़ती है जब किसी डिज़ाइन टूल, आइकन लाइब्रेरी या वेबसाइट टेम्पलेट को SVG चाहिए और लोगो की एकमात्र कॉपी favicon या Windows आइकन है; यह आमतौर पर ट्रेस किए गए वेक्टर की ओर पहला कदम होता है।

आइकन को असली SVG पाथ में ट्रेस करना

अगर लक्ष्य स्केल होने वाला लोगो है, तो रैप्ड SVG ज़्यादा से ज़्यादा एक कदम भर है। आइकन को इमेज से SVG कन्वर्टर में डालें: यह रंगों के किनारों को फ़ॉलो करके उन्हें पाथ के रूप में लिखता है, जिन्हें आप रीसाइज़, रीकलर और कट कर सकते हैं। नतीजा सोर्स के साइज़ पर निर्भर है, इसलिए प्रोग्राम आइकन की 256 px इमेज 16 px favicon से कहीं बेहतर ट्रेस होती है। हमारी गाइड PNG को SVG में बदलना बताती है कि कितने रंग रखें और कर्व कैसे स्मूद करें।

अगर आइकन को सिर्फ़ डॉक्यूमेंट या एडिटर में इस्तेमाल करना है, तो SVG छोड़ें और ICO से PNG से सबसे बड़ी इमेज PNG में ले लें। उलटी दिशा में, वेक्टर लोगो से मल्टी-साइज़ favicon बनाने के लिए SVG से ICO है।

ICO को SVG में बदलने से जुड़े सवाल

क्या ICO फ़ाइल असली वेक्टर SVG बन सकती है?

सिर्फ़ कन्वर्ट करने से नहीं। ICO में केवल बिटमैप होते हैं, 16 × 16 से 256 × 256 px तक, इसलिए आगे ले जाने लायक कोई शेप नहीं होती। असली पाथ पिक्सल से ट्रेस करने पड़ते हैं, जो इमेज से SVG कन्वर्टर करता है।

मेरी .ico के अंदर के कौन-से साइज़ SVG में जाते हैं?

सबसे बड़ी इमेज, क्योंकि उसमें सबसे ज़्यादा डिटेल होती है। आम favicon.ico अधिकतम 32 या 48 px की होती है, जबकि Windows एप्लिकेशन आइकन में आमतौर पर 256 px वाली इमेज भी होती है।

क्या यह SVG वेबसाइट फ़ेविकॉन के रूप में काम करेगी?

Chrome और Firefox SVG favicon स्वीकार करते हैं, लेकिन जिस SVG में सिर्फ़ 32 px का बिटमैप हो, उससे आपकी मूल ICO के मुकाबले कोई फ़ायदा नहीं होता। SVG favicon तब काम का है जब उसमें असली पाथ हों, जो हाई-डेंसिटी स्क्रीन पर भी साफ़ दिखें।

फ़ेविकॉन को ट्रेस करने पर आकार धब्बेदार क्यों बनते हैं?

32 px के आइकन में सिर्फ़ 1,024 पिक्सल होते हैं, और ट्रेसिंग किनारों से कर्व का अंदाज़ा लगाती है। पिक्सल जितने कम, अंदाज़ा उतना कच्चा। साफ़ आउटलाइन के लिए Windows आइकन की 256 px इमेज ट्रेस करें, या मूल लोगो ढूँढ़ें।

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

हाँ। ICO इमेज में अल्फ़ा चैनल होता है और SVG उसे बनाए रखता है, इसलिए आइकन पेज या डिज़ाइन टूल के किसी भी बैकग्राउंड पर ठीक बैठता है।

क्या बाद में Inkscape या Figma में आइकन का रंग बदल सकते हैं?

शेप-दर-शेप नहीं, क्योंकि SVG में एक एम्बेडेड तस्वीर होती है। आप उस पर पूरे रूप में फ़िल्टर या ओवरले लगा सकते हैं; अलग-अलग शेप के रंग बदलने हों तो पहले ट्रेस करें।