अल्फा चैनल बनाए रखें
PNG को सफेद बैकग्राउंड पर फ्लैट करने के बजाय ट्रांसपेरेंसी के साथ एक्सपोर्ट करें; फिर SVG में बैकग्राउंड हटाने की ज़रूरत ही नहीं पड़ती।
PNG डालिए और लगभग एक सेकंड में साफ, स्केलेबल SVG वेक्टर पाइए। ट्रांसपेरेंसी बनी रहती है, रंग अपने-आप पहचाने जाते हैं, और ट्रेसिंग आपके कंप्यूटर से बाहर नहीं जाती। बिना रजिस्ट्रेशन, बिना वॉटरमार्क।
अपनी इमेज यहां ड्रॉप करें
PNG · साथ में JPG, GIF, WebP, BMP भी — 20 MB तक
इमेज चुनेंया Ctrl+V से पेस्ट करें
PNG ही क्यों
लॉसलेस पिक्सल, असली अल्फा चैनल और कंप्रेशन का कोई नॉइज़ नहीं।
PNG में हर पिक्सल ठीक वैसा ही सेव होता है जैसा बनाया गया था। न JPEG के ब्लॉक, न किनारों के आसपास रिंगिंग, न रंगों का बदलाव। इसलिए ट्रेसर को आकार और उसके आसपास के बीच वही साफ सीमा दिखती है जो डिज़ाइनर ने बनाई थी। यही वजह है कि PNG लोगो या आइकन से बना SVG किसी भी साइज़ पर ओरिजिनल जैसा दिखता है — और जब कोई आपको JPG भेजे, तो सबसे पहले PNG मांगना चाहिए।
PNG में असली अल्फा चैनल भी होता है। अगर आपकी PNG का बैकग्राउंड पहले से ट्रांसपेरेंट है, तो AnyToSVG 50 % से कम ओपेसिटी वाले हर पिक्सल को खाली मानता है: वहां कुछ ट्रेस नहीं होता, और SVG में भी वही पारदर्शी बैकग्राउंड मिलता है, अलग से कुछ करना नहीं पड़ता। अगर PNG में ठोस रंग का बैकग्राउंड है, तो ट्रांसपेरेंट बैकग्राउंड टिक करें — इमेज के किनारे को छूने वाला रंग हट जाता है, जबकि आर्टवर्क के अंदर उसी रंग वाले हिस्से बने रहते हैं।
आउटपुट स्टैंडर्ड SVG है: हर रंग का एक <path>, धीरे-धीरे बदलते शेड वाले हिस्सों के लिए असली <linearGradient> / <radialGradient> फिल, ओरिजिनल पिक्सल साइज़ का viewBox, और बस — न ग्रुप, न मेटाडेटा, न अंदर जड़ी कोई बिटमैप। यह Illustrator, Inkscape, Affinity, Figma, Cricut Design Space, Silhouette Studio और हर ब्राउज़र में ठीक से खुलता है।
क्या अच्छा बनता है
सादे रंग और साफ किनारे लगभग परफेक्ट ट्रेस होते हैं। फोटो पोस्टर जैसी बन जाती है।
सादे रंगों वाली PNG — लोगो, आइकन, स्टिकर डिज़ाइन, कार्टून, QR कोड, स्कैन किए हुए सिग्नेचर — एक छोटे, साफ SVG में बदल जाती है: आम तौर पर 2 से 8 रंग, कुछ किलोबाइट, हर रंग का एक एडिट करने लायक आकार। स्मूद शेडिंग (ग्लो, दो रंग की पट्टी, ग्रेडिएंट बैकग्राउंड) को रंग गिनने से पहले पहचान लिया जाता है और असली SVG ग्रेडिएंट के रूप में लिखा जाता है, इसलिए वह ज़्यादातर ट्रेसर की तरह सीढ़ीनुमा पट्टियों में नहीं टूटती।
फोटो वाली PNG — किसी फोटो का स्क्रीनशॉट या रेंडर की हुई 3D इमेज — भी कन्वर्ट हो जाती है, लेकिन ट्रेसर उसे सीमित संख्या के फिल में बदल देता है। 32 रंगों तक और ग्रेडिएंट के साथ स्टाइलाइज़्ड, पोस्टर जैसा लुक मिलेगा, फोटो जैसा हूबहू नतीजा नहीं। स्टेंसिल, स्क्रीन प्रिंटिंग और इलस्ट्रेशन स्टाइल के लिए यह काम का है; फोटो को बिना क्वालिटी खोए बड़ा करने का तरीका यह नहीं है। क्या उम्मीद रखें, यह रास्टर बनाम वेक्टर गाइड में साफ दिखाया गया है।
बहुत छोटी PNG (फेविकॉन, 64 px के आइकन, छोटे वेब ग्राफिक) को वेक्टर बनाने से पहले ट्रेसिंग के लिए चुने फिल्टर से दो-तीन गुना बड़ा किया जाता है, जिससे कर्व अच्छे गोल आते हैं; फिर भी 512 px का सोर्स 64 px वाले से हर बार बेहतर रहता है। वेबसाइट पर लोगो पर राइट-क्लिक करके इमेज नए टैब में खोलें तो अक्सर दिख रही इमेज से बड़ी फाइल मिल जाती है।
कटिंग मशीन
कट फाइल में बंद आकार चाहिए, न ओवरलैप और न ग्रेडिएंट।
Cricut Design Space, Silhouette Studio, LightBurn और ज़्यादातर लेज़र और विनाइल कटर सीधे SVG इम्पोर्ट करते हैं, और डिज़ाइन उनमें लाने का आम तरीका ट्रेस की हुई PNG ही है। तीन सेटिंग तय करती हैं कि फाइल साफ कटेगी या दोबारा बनानी पड़ेगी:
रंगों की संख्या उतनी ही कम रखें जितनी आर्टवर्क में चल जाए — हर रंग एक कट लेयर बनता है — और छोटे टापू, जिन्हें निकालना मुश्किल हो, हटाने के लिए धब्बे हटाएं बढ़ाएं। फाइल मशीन को भेजने से पहले किनारे ज़्यादा ज़ूम करके कैसे जांचें, यह लोगो से SVG गाइड में बताया है।
यह कैसे काम करता है
तीन स्टेप, और दूसरा स्टेप ज़रूरी नहीं। न पैलेट विज़ार्ड, न मॉडल चुनने का झंझट, न क्रेडिट काउंटर।
इसे पेज पर खींचकर छोड़ें, डिवाइस से चुनें या Ctrl+V से पेस्ट करें। तुरंत जांच और ट्रेसिंग शुरू हो जाती है — कलर या ब्लैक-एंड-व्हाइट, रंगों की संख्या और थ्रेशोल्ड अपने-आप तय होते हैं।
ओरिजिनल और SVG के बीच की लाइन खींचें, किसी किनारे पर ज़ूम करें। रंगों की संख्या बदलें, कोई रंग छिपाएं, बैकग्राउंड ट्रांसपेरेंट करें; हर बदलाव पर कुछ ही पल में दोबारा ट्रेस हो जाता है।
SVG सेव करें, उसका कोड कॉपी करें, या 2× या 4× पर PNG बनाएं। कोऑर्डिनेट ओरिजिनल पिक्सल से मेल खाते हैं, हर फिल का एक पाथ, फाइल में और कुछ नहीं।
टिप्स
PNG को सफेद बैकग्राउंड पर फ्लैट करने के बजाय ट्रांसपेरेंसी के साथ एक्सपोर्ट करें; फिर SVG में बैकग्राउंड हटाने की ज़रूरत ही नहीं पड़ती।
1000 px की PNG 200 px वाली से साफ ट्रेस होती है। 2048 px से बड़ी इमेज पहले छोटी की जाती है, जिससे कोई नुकसान नहीं होता।
रंगों की संख्या इमेज से ही पढ़ी जाती है। कोई रंग छूट रहा हो तभी बढ़ाएं; घटाना छोटी और साफ फाइल पाने का सबसे तेज़ तरीका है।
सिग्नेचर, स्टैंप या लाइन ड्रॉइंग B&W मोड में सबसे अच्छी ट्रेस होती है: एक पाथ, ट्रांसपेरेंट बैकग्राउंड, एडजस्ट होने वाला थ्रेशोल्ड।
प्रीव्यू में स्क्रॉल करके ज़ूम करें और डिवाइडर खींचें। उबड़-खाबड़ किनारे मतलब सोर्स छोटा या नॉइज़ वाला था — पहले नॉइज़ घटाएं और ज़्यादा धब्बे हटाएं से ज़्यादातर ठीक हो जाता है।
SVG का हर फिल उसके नीचे आए पिक्सल का औसत होता है। सटीक hex वैल्यू चाहिए तो किसी भी टेक्स्ट एडिटर में हर रंग का एक fill एट्रिब्यूट बदल दें।
सवाल-जवाब
यहां छोटे जवाब हैं; पूरी FAQ में फॉर्मेट, क्वालिटी सेटिंग, फोटो और प्राइवेसी की बात है।
PNG को इसी पेज पर डालें (या कन्वर्टर खोलकर फाइल चुनें)। एक सेकंड के भीतर आपके ब्राउज़र में ट्रेस हो जाती है; प्रीव्यू देखें और SVG डाउनलोड करें पर क्लिक करें। न अकाउंट, न क्रेडिट सिस्टम, न वॉटरमार्क, और कितनी भी फाइल कन्वर्ट करने की कोई लिमिट नहीं।
हां। PNG के पारदर्शी पिक्सल ट्रेस ही नहीं होते, इसलिए SVG उन्हीं जगहों पर पारदर्शी रहता है। अगर PNG में ठोस बैकग्राउंड है, तो ट्रांसपेरेंट बैकग्राउंड टिक करें; आर्टवर्क को घेरने वाला रंग हट जाता है, जबकि अंदर के उसी रंग वाले हिस्से बने रहते हैं।
नहीं। पूरा कन्वर्जन — रंगों की जांच, ग्रेडिएंट पहचान और Potrace ट्रेसिंग — आपके ब्राउज़र के अंदर WebAssembly से होता है। फाइल लोकल पढ़ी जाती है और कहीं भेजी नहीं जाती — देखें प्राइवेसी पॉलिसी।
बदल सकते हैं, पर ट्रेसर फोटो को पोस्टर बना देता है: 32 तक सादे रंग, और स्मूद शेड वाले हिस्सों के लिए ग्रेडिएंट। यह स्टाइलाइज़्ड इलस्ट्रेशन है, बिना क्वालिटी खोए बड़ा करना नहीं। PNG to SVG कन्वर्जन लोगो, आइकन, क्लिपआर्ट और लाइन आर्ट पर सबसे अच्छा चलता है।
PNG तय साइज़ के पिक्सल का ग्रिड है: बड़ा करने पर किनारे धुंधले हो जाते हैं। SVG आकारों को गणितीय कर्व के रूप में बताता है, इसलिए हर साइज़ पर तेज़ रहता है, लोगो और आइकन के लिए आम तौर पर काफी छोटा होता है, और वेक्टर एडिटर में आकार-दर-आकार एडिट हो सकता है। PNG से SVG बनाना पिक्सल से वे आकार दोबारा बनाना है। दोनों की पूरी तुलना PNG vs SVG गाइड में है।
हां। ट्रांसपेरेंट बैकग्राउंड टिक करें, ग्रेडिएंट पहचानें बंद करें और कलर लेयर को कट-आउट पर रखें, ताकि हर रंग ठीक अपना आकार बने; फिर Design Space में SVG हमेशा की तरह अपलोड करें। हर रंग अलग लेयर बनकर आता है।
20 MB तक। इमेज सबसे लंबी तरफ 2048 पिक्सल तक ट्रेस होती है; इससे बड़ी पहले छोटी की जाती है, जिसका आकारों पर असर नहीं पड़ता। छोटी इमेज ट्रेस से पहले अपने-आप बड़ी कर ली जाती है।
और कन्वर्टर
वही इंजन, वही प्राइवेसी — हर इनपुट फॉर्मेट का अलग पेज, ताकि आप अपना वाला बुकमार्क कर सकें।
फ्री, ब्राउज़र में ही, कुछ इंस्टॉल नहीं करना, कुछ अपलोड नहीं होता। लगभग एक सेकंड में SVG आपकी ओरिजिनल इमेज के बगल में।