मुफ्त कनवर्टर

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

PNG या JPG रास्टर छवियों को स्केलेबल वेक्टर SVG ग्राफ़िक्स में बदलें। यह सुरक्षित और तेज़ है, और सीधे आपके ब्राउज़र में काम करता है।

PNG/JPG यहाँ खींचें और छोड़ें

50MB तक समर्थित

या

इस टूल के बारे में

पीएनजी को एसवीजी में परिवर्तित करना मूल रूप से एक ट्रेसिंग ऑपरेशन है, प्रारूप परिवर्तन नहीं। पीएनजी पिक्सेल संग्रहीत करता है; एसवीजी ज्यामितीय आदिमों को संग्रहीत करता है। पिक्सेल ग्रिड से स्केलेबल वेक्टर पथों पर जाने के लिए बिटमैप की व्याख्या करने और समान रंग के क्षेत्रों के आसपास अनुमानित आकृतियाँ बनाने की आवश्यकता होती है। परिणाम वास्तव में स्केलेबल है - आप पिक्सेलेशन के बिना स्वतंत्र रूप से आकार बदल सकते हैं - लेकिन यह स्रोत का सही पुनरुत्पादन नहीं है। फ़ोटोग्राफ़िक सामग्री खराब तरीके से ट्रेस होती है क्योंकि प्रत्येक पिक्सेल-स्तरीय रंग भिन्नता एक आकार बन जाती है, जिससे विशाल एसवीजी उत्पन्न होते हैं जो उद्देश्य को विफल कर देते हैं। लोगो, चिह्न, रेखा कला और उच्च-कंट्रास्ट ग्राफ़िक्स स्पष्ट रूप से ट्रेस होते हैं क्योंकि उनमें अच्छी तरह से परिभाषित सीमाओं के साथ रंग क्षेत्रों की एक छोटी संख्या होती है।

यह कनवर्टर इमेजट्रैसरजेएस लाइब्रेरी का उपयोग करता है, जो पोट्रेस के समान वेक्टर-ट्रेसिंग एल्गोरिदम का एक जावास्क्रिप्ट पोर्ट है। पीएनजी को आरजीबीए बिटमैप में डीकोड किया गया है, बिटमैप को कॉन्फ़िगर करने योग्य पैलेट का उपयोग करके रंग क्षेत्रों में विभाजित किया गया है, प्रत्येक क्षेत्र की सीमा को पथ में पता लगाया गया है, पथों को बेज़ियर सन्निकटन का उपयोग करके सरल बनाया गया है, और परिणामी पथ एसवीजी पथ तत्वों के रूप में उत्सर्जित होते हैं। पूरी पाइपलाइन आपके ब्राउज़र में बिना किसी सर्वर अपलोड के चलती है।

ट्रेसिंग पैरामीटर निष्ठा और फ़ाइल आकार के बीच व्यापार-बंद को नियंत्रित करते हैं। अधिक रंग और बारीक विवरण एक बड़ा एसवीजी उत्पन्न करते हैं जो स्रोत से अधिक निकटता से मेल खाता है; कम रंग और मोटे ट्रेसिंग अधिक शैलीगत अनुभव के साथ एक छोटा एसवीजी उत्पन्न करते हैं। लोगो और आइकन के लिए डिफ़ॉल्ट ट्यून किए गए हैं; जटिल छवियों को समायोजित सेटिंग्स के साथ ट्रेसिंग पास से लाभ हो सकता है, या वे वेक्टराइजेशन के लिए अच्छे उम्मीदवार नहीं हो सकते हैं।

पीएनजी को एसवीजी में क्यों बदलें?

पीएनजी को वेक्टराइज़ करना तब सबसे उपयोगी होता है जब आपको छवि को उसके मूल रिज़ॉल्यूशन से परे स्केल करने की आवश्यकता होती है। विशेष रूप से लोगो अक्सर मामूली आकार में पीएनजी के रूप में आते हैं और उन्हें बिलबोर्ड, रेटिना डिस्प्ले और बड़े प्रारूप वाले प्रिंट पर स्पष्ट दिखने की आवश्यकता होती है। एक वेक्टर ट्रेस एक एसवीजी उत्पन्न करता है जो गुणवत्ता हानि के बिना स्केल करता है; ट्रेडऑफ़ मूल पिक्सेल के प्रति निष्ठा है।

एसवीजी कुछ रंगों और बड़े समतल क्षेत्रों के साथ ग्राफिक्स के लिए पीएनजी की तुलना में काफी अधिक कॉम्पैक्ट है। 256×256 पर एक पीएनजी आइकन 8 केबी का हो सकता है; दो या तीन रंगों वाला समतुल्य एसवीजी अक्सर 1 केबी से कम होता है। वेब फ्रंटएंड पर वितरित यूआई आइकन लाइब्रेरी के लिए, वेक्टर संस्करण बंडल आकार को कम करते हैं और सभी डिस्प्ले घनत्व पर तीखेपन में सुधार करते हैं।

कैसे उपयोग करें

एक पीएनजी छोड़ें, ट्रेसिंग सेटिंग्स चुनें, एक एसवीजी उत्पन्न करें।

  1. अपना पीएनजी अपलोड करें: फ़ाइल को अपलोड क्षेत्र में खींचें या ब्राउज़ करने के लिए क्लिक करें। सबसे अच्छे परिणाम तेज किनारों और कम संख्या में अलग-अलग रंगों वाले पीएनजी से आते हैं - लोगो, आइकन, लाइन आर्ट, सरल चित्र। तस्वीरें खराब तरीके से ट्रेस होती हैं और विशाल एसवीजी उत्पन्न करती हैं।
  2. यदि आवश्यक हो तो ट्रेसिंग विकल्पों को समायोजित करें: रंग गणना नियंत्रित करती है कि आउटपुट में कितने अलग-अलग रंग दिखाई देते हैं। पथ सरलीकरण (जिसे लीटर या क्यूट्रेस भी कहा जाता है) नियंत्रित करता है कि एल्गोरिदम कितनी आक्रामकता से कोनों को सुचारू करता है। उच्च परिशुद्धता एसवीजी को स्रोत के करीब लेकिन अधिक पथ डेटा के साथ उत्पन्न करती है।
  3. ट्रेस करें और पूर्वावलोकन करें: इमेजट्रैसरज एल्गोरिदम रंग परिमाणीकरण, किनारे का पता लगाने, समोच्च अनुरेखण और बेज़ियर फिटिंग के माध्यम से चलता है। छवि आकार और रंगों की संख्या के साथ समय के पैमाने का पता लगाना। 4 रंगों वाला 256×256 लोगो एक सेकंड के भीतर दिखाई देता है; 16 रंगों वाली 1024×1024 छवि में कई सेकंड लग सकते हैं।
  4. एसवीजी डाउनलोड करें: एसवीजी को अपने डिवाइस में सहेजें। फ़ाइल में पथ तत्वों के साथ XML मार्कअप शामिल है; आप परिणाम का निरीक्षण या हैंड-ट्यून करने के लिए इसे किसी भी टेक्स्ट एडिटर में खोल सकते हैं।

सामान्य उपयोग के मामले

तकनीकी विवरण

इमेजट्रैसरजेएस एक मल्टी-स्टेज पाइपलाइन लागू करता है: रंग परिमाणीकरण के-मीन्स क्लस्टरिंग या मीडियन कट का उपयोग करके बिटमैप को निश्चित संख्या में रंगों तक कम कर देता है; एज डिटेक्शन क्षेत्रों के बीच पिक्सेल सीमाओं की पहचान करता है; बंद बहुभुज बनाने के लिए समोच्च अनुरेखण सीमाओं का अनुसरण करता है; पथ डेटा को कम करने के लिए लाइन-एंड-वक्र फिटिंग बेज़ियर वक्र के साथ बहुभुजों का अनुमान लगाती है।

एल्गोरिदम पैरामीटर जो सबसे अधिक मायने रखते हैं वे हैं रंगों की संख्या (सामान्य: 4-32), पैथोमिट (इतने पिक्सेल से छोटे पथ को शोर के रूप में त्याग दिया जाता है), लीटर (रेखा सहिष्णुता - एक नए खंड में विभाजित होने से पहले एक किनारा कितनी दूर तक विचलित हो सकता है), और क्यूट्रेस (द्विघात वक्र सहिष्णुता - कितनी आक्रामक रूप से वक्र को चिकना किया जाता है)। लोगो के लिए डिफ़ॉल्ट अच्छी तरह से काम करते हैं; प्रति-छवि ट्यूनिंग से जटिल छवियों को लाभ होता है।

पथ तत्वों के साथ आउटपुट मानक एसवीजी 1.1 है। प्रत्येक रंग क्षेत्र भरण विशेषता के साथ एक पथ बन जाता है। परिणामी फ़ाइल किसी भी ब्राउज़र, वेक्टर संपादक, या एसवीजी-अवेयर डिज़ाइन टूल में खुलती है। फ़ाइल का आकार मुख्य रूप से पथ गणना और नोड घनत्व पर निर्भर करता है; एक सामान्य ट्रेस किया गया लोगो 1-10 KB का होता है।

सर्वोत्तम प्रथाएं

अक्सर पूछे जाने वाले प्रश्न

क्या एसवीजी आउटपुट एक सच्ची वेक्टर फ़ाइल होगी?
उपकरण वेक्टर पथ बनाने के लिए रेखापुंज छवि का पता लगाता है। परिणाम सरल ग्राफिक्स, लोगो और लाइन आर्ट के साथ सबसे अच्छा काम करते हैं। फ़ोटोग्राफ़ जटिल पथ उत्पन्न करेंगे और अपेक्षा के अनुरूप नहीं दिखेंगे।
एसवीजी को अन्य छवि प्रारूपों से क्या अलग बनाता है?
एसवीजी एक वेक्टर प्रारूप है - छवियों को पिक्सेल के बजाय गणितीय आकृतियों के रूप में वर्णित किया जाता है। इसका मतलब है कि एसवीजी फ़ाइलें गुणवत्ता खोए बिना किसी भी आकार में स्केल करती हैं, और वे आम तौर पर लोगो और आइकन जैसे ग्राफिक्स के लिए रेखापुंज छवियों से बहुत छोटी होती हैं।
क्या जागरूक होने के लिए कोई सीमाएँ हैं?
50एमबी तक की फ़ाइलें समर्थित हैं। बहुत बड़ी या जटिल फ़ाइलों को संसाधित होने में अधिक समय लग सकता है। सभी रूपांतरण आपके ब्राउज़र में होते हैं, इसलिए प्रसंस्करण गति आपके डिवाइस पर निर्भर करती है।
क्या रूपांतरण के दौरान मेरी छवियाँ निजी रखी गई हैं?
हाँ। आपकी पीएनजी फ़ाइलें कैनवास एपीआई और जावास्क्रिप्ट का उपयोग करके पूरी तरह से आपके ब्राउज़र में संसाधित की जाती हैं। किसी भी सर्वर पर कुछ भी अपलोड नहीं किया जाता है - फ़ाइल सीधे आपके डिवाइस से कनवर्टर तक और वापस आपके डिवाइस पर जाती है।
क्या ट्रेस इलस्ट्रेटर या इंकस्केप में संपादन योग्य है?
हाँ। आउटपुट पथ तत्वों के साथ मानक एसवीजी है। इलस्ट्रेटर और इंकस्केप दोनों इसे मूल रूप से खोलते हैं और आपको पथ संपादित करने, रंग बदलने और परिणाम को परिष्कृत करने देते हैं।
क्या मेरा पीएनजी किसी सर्वर पर अपलोड है?
नहीं, ट्रेसिंग आपके ब्राउज़र में imagetracerjs का उपयोग करके होती है। फ़ाइल आपके डिवाइस को नहीं छोड़ती है.
मेरी SVG फ़ाइल बड़ी क्यों है?
आमतौर पर क्योंकि स्रोत छवि में बहुत अधिक रंग या बहुत अधिक बारीक विवरण होते हैं। रंग गणना को कम करने, पथ सरलीकरण को बढ़ाने, या स्वच्छ ज्यामिति के साथ एक अलग स्रोत छवि का उपयोग करने का प्रयास करें।
क्या मैं पारदर्शिता के साथ पीएनजी का पता लगा सकता हूँ?
हाँ। पारदर्शी पिक्सेल एसवीजी में पथ रहित क्षेत्र बन जाते हैं। जब एसवीजी को किसी भी पृष्ठभूमि रंग पर प्रस्तुत किया जाता है तो पारदर्शी पृष्ठभूमि संरक्षित रहती है।