मोफत कनवर्टर

PNG ते SVG वेक्टरायझर

रास्टर PNG/JPG प्रतिमा स्केलेबल वेक्टर SVG ग्राफिक्समध्ये रूपांतरित करा. सुरक्षित, जलद आणि संपूर्णपणे तुमच्या ब्राउझरमध्ये प्रक्रिया केलेले.

PNG/JPG येथे ड्रॅग आणि ड्रॉप करा

50MB पर्यंत सपोर्ट करते

किंवा

या साधनाबद्दल

PNG ला SVG मध्ये रूपांतरित करणे हे मुळात ट्रेसिंग ऑपरेशन आहे, फॉरमॅट बदल नाही. पीएनजी पिक्सेल स्टोअर करते; SVG भौमितिक आदिम संग्रहित करते. पिक्सेल ग्रिडवरून स्केलेबल वेक्टर पाथवर जाण्यासाठी बिटमॅपचा अर्थ लावणे आणि समान रंगाच्या प्रदेशांभोवती अंदाजे आकार काढणे आवश्यक आहे. परिणाम खरोखर स्केलेबल आहे — तुम्ही पिक्सेलेशनशिवाय मुक्तपणे आकार बदलू शकता — परंतु हे स्त्रोताचे परिपूर्ण पुनरुत्पादन नाही. फोटोग्राफिक सामग्री खराबपणे ट्रेस करते कारण प्रत्येक पिक्सेल-स्तरीय रंग भिन्नता एक आकार बनते, ज्यामुळे मोठ्या प्रमाणात SVG तयार होतात जे उद्देशाला पराभूत करतात. लोगो, आयकॉन, लाइन आर्ट आणि उच्च-कॉन्ट्रास्ट ग्राफिक्स स्वच्छपणे ट्रेस करतात कारण त्यांच्याकडे चांगल्या-परिभाषित सीमांसह रंग क्षेत्रांची संख्या कमी आहे.

हा कन्व्हर्टर इमेजट्रेस लायब्ररी वापरतो, पोट्रेस प्रमाणेच वेक्टर-ट्रेसिंग अल्गोरिदमचे JavaScript पोर्ट. PNG ला RGBA बिटमॅपमध्ये डीकोड केले जाते, बिटमॅप कॉन्फिगर करण्यायोग्य पॅलेट वापरून रंग क्षेत्रांमध्ये विभागला जातो, प्रत्येक प्रदेशाची सीमा एका मार्गामध्ये शोधली जाते, मार्ग बेझियर अंदाजे वापरून सरलीकृत केले जातात आणि परिणामी पथ SVG पथ घटक म्हणून उत्सर्जित केले जातात. संपूर्ण पाइपलाइन कोणत्याही सर्व्हर अपलोड न करता तुमच्या ब्राउझरमध्ये चालते.

ट्रेसिंग पॅरामीटर्स निष्ठा आणि फाईल आकारामधील ट्रेड-ऑफ नियंत्रित करतात. अधिक रंग आणि बारीकसारीक तपशील स्त्रोताशी अधिक जवळून जुळणारे मोठे SVG तयार करतात; कमी रंग आणि खडबडीत ट्रेसिंग अधिक शैलीबद्ध अनुभवासह एक लहान SVG तयार करते. लोगो आणि चिन्हांसाठी डीफॉल्ट ट्यून केले जातात; जटिल प्रतिमांना समायोजित सेटिंग्जसह ट्रेसिंग पासचा फायदा होऊ शकतो किंवा वेक्टरायझेशनसाठी चांगले उमेदवार असू शकत नाहीत.

PNG ला SVG मध्ये का रूपांतरित करा

जेव्हा तुम्हाला प्रतिमा मूळ रिझोल्यूशनच्या पलीकडे मोजायची असते तेव्हा PNG व्हेक्टर करणे सर्वात उपयुक्त असते. लोगो विशेषतः पीएनजी म्हणून सामान्य आकारात येतात आणि ते बिलबोर्ड, रेटिना डिस्प्ले आणि मोठ्या स्वरूपातील प्रिंट्सवर कुरकुरीत दिसणे आवश्यक असते. वेक्टर ट्रेस एक एसव्हीजी तयार करतो जो गुणवत्तेची हानी न करता मोजमाप करतो; ट्रेडऑफ मूळ पिक्सेलची निष्ठा आहे.

काही रंग आणि मोठ्या सपाट प्रदेशांसह ग्राफिक्ससाठी SVG देखील PNG पेक्षा लक्षणीयरीत्या अधिक कॉम्पॅक्ट आहे. 256×256 चे PNG चिन्ह 8 KB असू शकते; दोन किंवा तीन रंगांसह समतुल्य SVG सहसा 1 KB पेक्षा कमी असतो. वेब फ्रंटएंडवर वितरित केलेल्या UI आयकॉन लायब्ररींसाठी, वेक्टर आवृत्त्या बंडल आकार कमी करतात आणि सर्व प्रदर्शन घनतेवर तीक्ष्णता सुधारतात.

कसे वापरावे

PNG ड्रॉप करा, ट्रेसिंग सेटिंग्ज निवडा, SVG जनरेट करा.

  1. तुमचा PNG अपलोड करा: फाइल अपलोड क्षेत्रात ड्रॅग करा किंवा ब्राउझ करण्यासाठी क्लिक करा. सर्वोत्कृष्ट परिणाम तीक्ष्ण कडा असलेल्या PNGs मधून येतात आणि काही वेगळ्या रंगांची - लोगो, चिन्हे, रेखा कला, साधी चित्रे. छायाचित्रे खराबपणे शोधतात आणि प्रचंड SVG तयार करतात.
  2. आवश्यक असल्यास ट्रेसिंग पर्याय समायोजित करा: आउटपुटमध्ये किती वेगळे रंग दिसतात ते रंग गणना नियंत्रित करते. पथ सरलीकरण (ज्याला ltres किंवा qtres देखील म्हणतात) अल्गोरिदम किती आक्रमकपणे कोपरे गुळगुळीत करते हे नियंत्रित करते. उच्च सुस्पष्टता स्त्रोताच्या जवळ परंतु अधिक पथ डेटासह SVGs तयार करते.
  3. ट्रेस आणि पूर्वावलोकन: इमेजट्रेसर्ज अल्गोरिदम कलर क्वांटायझेशन, एज डिटेक्शन, कॉन्टूर ट्रेसिंग आणि बेझियर फिटिंगद्वारे चालते. प्रतिमेचा आकार आणि रंगांच्या संख्येसह टाइम स्केल ट्रेस करणे. 256×256 लोगो एका सेकंदात 4 रंगांच्या ट्रेससह; 16 रंगांसह 1024×1024 प्रतिमेस काही सेकंद लागू शकतात.
  4. SVG डाउनलोड करा: तुमच्या डिव्हाइसवर SVG सेव्ह करा. फाईलमध्ये पथ घटकांसह XML मार्कअप आहे; निकालाची तपासणी करण्यासाठी किंवा हाताने ट्यून करण्यासाठी तुम्ही ते कोणत्याही टेक्स्ट एडिटरमध्ये उघडू शकता.

सामान्य वापर प्रकरणे

तांत्रिक तपशील

imagetracerjs एक मल्टी-स्टेज पाइपलाइन लागू करते: कलर क्वांटायझेशन के-मीन्स क्लस्टरिंग किंवा मिडियन कट वापरून बिटमॅपला ठराविक रंगांपर्यंत कमी करते; एज डिटेक्शन क्षेत्रांमधील पिक्सेल सीमा ओळखते; बंद बहुभुज तयार करण्यासाठी समोच्च ट्रेसिंग सीमांचे पालन करते; मार्ग डेटा कमी करण्यासाठी रेखा-आणि-वक्र फिटिंग बेझियर वक्रांसह बहुभुज अंदाजे करते.

सर्वात महत्त्वाचे असलेले अल्गोरिदम पॅरामीटर्स म्हणजे रंगांची संख्या (नमुनेदार: 4-32), पॅथोमिट (या अनेक पिक्सेलपेक्षा लहान मार्ग आवाज म्हणून टाकून दिले जातात), ltres (रेषा सहिष्णुता — नवीन विभागात विभाजित होण्यापूर्वी धार किती दूर जाऊ शकते), आणि qtres (चतुर्भुज वक्र सहिष्णुता — किती आहेत). लोगोसाठी डीफॉल्ट चांगले कार्य करतात; जटिल प्रतिमांना प्रति-प्रतिमा ट्यूनिंगचा फायदा होतो.

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

सर्वोत्तम पद्धती

वारंवार विचारले जाणारे प्रश्न

SVG आउटपुट खरी वेक्टर फाइल असेल का?
वेक्टर पाथ तयार करण्यासाठी हे टूल रास्टर इमेज ट्रेस करते. साध्या ग्राफिक्स, लोगो आणि लाइन आर्टसह परिणाम उत्कृष्ट कार्य करतात. छायाचित्रे जटिल मार्ग तयार करतील आणि अपेक्षेप्रमाणे दिसणार नाहीत.
SVG ला इतर इमेज फॉरमॅटपेक्षा वेगळे काय बनवते?
SVG हे वेक्टर स्वरूप आहे — प्रतिमांचे वर्णन पिक्सेल ऐवजी गणितीय आकार म्हणून केले जाते. याचा अर्थ SVG फाइल्स गुणवत्ता न गमावता कोणत्याही आकारात स्केल करतात आणि लोगो आणि आयकॉन सारख्या ग्राफिक्ससाठी रास्टर प्रतिमांपेक्षा त्या सामान्यत: खूपच लहान असतात.
जाणीव ठेवण्यासाठी काही मर्यादा आहेत का?
50MB पर्यंत फायली समर्थित आहेत. खूप मोठ्या किंवा जटिल फायलींवर प्रक्रिया करण्यासाठी जास्त वेळ लागू शकतो. सर्व रूपांतरण तुमच्या ब्राउझरमध्ये होते, त्यामुळे प्रक्रियेचा वेग तुमच्या डिव्हाइसवर अवलंबून असतो.
रूपांतरणादरम्यान माझ्या प्रतिमा खाजगी ठेवल्या जातात का?
होय. कॅनव्हास API आणि JavaScript वापरून तुमच्या PNG फायलींवर पूर्णपणे तुमच्या ब्राउझरमध्ये प्रक्रिया केली जाते. कोणत्याही सर्व्हरवर काहीही अपलोड केले जात नाही — फाइल तुमच्या डिव्हाइसवरून थेट कन्व्हर्टरवर जाते आणि तुमच्या डिव्हाइसवर परत जाते.
इलस्ट्रेटर किंवा इंकस्केपमध्ये ट्रेस संपादन करण्यायोग्य आहे का?
होय. आउटपुट पथ घटकांसह मानक SVG आहे. इलस्ट्रेटर आणि इंकस्केप दोन्ही ते मूळपणे उघडतात आणि तुम्हाला पथ संपादित करू देतात, रंग बदलू शकतात आणि परिणाम परिष्कृत करू शकतात.
माझे पीएनजी सर्व्हरवर अपलोड केले आहे का?
नाही. तुमच्या ब्राउझरमध्ये imagetracerjs वापरून ट्रेसिंग होते. फाइल तुमचे डिव्हाइस सोडत नाही.
माझी SVG फाईल मोठी का आहे?
सहसा कारण स्त्रोत प्रतिमेमध्ये बरेच रंग किंवा खूप बारीक तपशील असतात. रंगांची संख्या कमी करण्याचा प्रयत्न करा, पथ सरलीकरण वाढवा किंवा स्वच्छ भूमितीसह भिन्न स्त्रोत प्रतिमा वापरा.
मी पारदर्शकतेसह पीएनजी ट्रेस करू शकतो?
होय. पारदर्शक पिक्सेल SVG मध्ये पथ नसलेले क्षेत्र बनतात. जेव्हा SVG कोणत्याही पार्श्वभूमी रंगावर प्रस्तुत केला जातो तेव्हा पारदर्शक पार्श्वभूमी जतन केली जाते.