HEIC2ALLHEIC2ALL
और जानें

PNG से SVG: इमेज को वेक्टराइज़ कैसे करें

किसी भी PNG से क्लीन, स्केलेबल वेक्टर आउटपुट पाने के लिए सर्वोत्तम सेटिंग्स के साथ स्टेप-बाय-स्टेप गाइड।

अभी PNG को SVG में कन्वर्ट करें

PNG को SVG में क्यों कन्वर्ट करें?

PNG वेब पर सबसे ज़्यादा इस्तेमाल होने वाले इमेज फ़ॉर्मेट में से एक है। यह transparency सपोर्ट करता है, फ़्लैट-कलर ग्राफ़िक्स को अच्छी तरह हैंडल करता है, और बिना क्वालिटी लॉस के कंप्रेस करता है। लेकिन PNG फिर भी एक रास्टर फ़ॉर्मेट है — पिक्सेल्स का एक ग्रिड। इसे बड़ा करें और किनारे धुंधले हो जाते हैं। इसे बड़े बैनर पर प्रिंट करें और इमेज बिखर जाती है।

SVG इस समस्या को हल करता है। स्केलेबल वेक्टर ग्राफ़िक आपकी इमेज को पिक्सेल्स की जगह गणितीय paths के रूप में स्टोर करता है, इसलिए यह किसी भी साइज़ में बिल्कुल शार्प रहता है — 16-पिक्सेल favicon से लेकर बिलबोर्ड तक। यही कारण है कि SVG लोगो, आइकन, इलस्ट्रेशन और ऐसे किसी भी ग्राफ़िक के लिए पसंदीदा फ़ॉर्मेट है जिसे आपको अलग-अलग रेज़ोलूशन पर दोबारा इस्तेमाल करना हो।

PNG को SVG में कन्वर्ट करना कोई सिंपल फ़ॉर्मेट स्वैप नहीं है। इस प्रक्रिया को इमेज ट्रेसिंग (या वेक्टराइज़ेशन) कहते हैं: सॉफ़्टवेयर आपके bitmap में रंगों और किनारों का विश्लेषण करता है और उन्हें वेक्टर paths के रूप में approximate करता है। नतीजे की क्वालिटी काफ़ी हद तक आपकी सोर्स इमेज और आपके द्वारा चुनी गई सेटिंग्स पर निर्भर करती है। यह गाइड Any2SVG का उपयोग करके पूरी प्रक्रिया में आपका मार्गदर्शन करती है — यह एक मुफ़्त ब्राउज़र-बेस्ड कन्वर्टर है, ताकि आप हर बार क्लीन SVG बना सकें।

अगर आप वेक्टर ग्राफ़िक्स में नए हैं, तो कन्वर्शन वर्कफ़्लो शुरू करने से पहले हमारा SVG क्या है? परिचय पढ़ें ताकि आप फ़ॉर्मेट को समझ सकें।

स्टेप 1: अपना PNG अपलोड करें

अपने ब्राउज़र में Any2SVG खोलें। आपकी फ़ाइल लोड करने के कई तरीके हैं:

  • ड्रैग एंड ड्रॉप करें — अपना PNG सीधे कन्वर्टर एरिया में खींचें।
  • अपने डिवाइस को ब्राउज़ करने के लिए फ़ाइल पिकर पर क्लिक करें।
  • क्लिपबोर्ड से पेस्ट करें — स्क्रीनशॉट लें या इमेज कॉपी करें, फिर सीधे टूल में पेस्ट करें।
  • वेब से PNG फ़ेच करने के लिए इमेज URL दर्ज करें।
  • फ़ाइल को पहले अपने डिवाइस पर डाउनलोड किए बिना Dropbox, Google Drive या OneDrive से इम्पोर्ट करें।

Any2SVG 10 MB तक की PNG फ़ाइलें स्वीकार करता है। अगर आपके पास कन्वर्ट करने के लिए कई PNG हैं, तो उन सभी को एक साथ सेलेक्ट करें — टूल बैच कन्वर्शन सपोर्ट करता है, ताकि आप एक ही सेशन में assets का पूरा सेट प्रोसेस कर सकें।

स्टेप 2: अपनी इमेज तैयार करें

ट्रेस करने से पहले, सोर्स को साफ़ करने के लिए एक पल लें। बेहतर इनपुट हमेशा बेहतर वेक्टर रिज़ल्ट देता है।

व्हाइटस्पेस क्रॉप करें

अपने सब्जेक्ट के चारों ओर अनावश्यक व्हाइटस्पेस या बैकग्राउंड एरिया हटाने के लिए बिल्ट-इन क्रॉप टूल का उपयोग करें। क्रॉप एडिटर फ़्री-फ़ॉर्म सेलेक्शन और लॉक्ड 1:1 aspect ratio सपोर्ट करता है, टचस्क्रीन पर सटीक फ़्रेमिंग के लिए पिंच-टू-ज़ूम के साथ। कन्वर्शन से पहले डेड स्पेस हटाने से आउटपुट SVG टाइट और फ़ोकस्ड रहता है।

स्पीड के लिए रीसाइज़ करें

बहुत बड़ी इमेज को ट्रेस करने में ज़्यादा समय लगता है और हमेशा बेहतर SVG नहीं बनता। अगर आपका PNG लगभग 2000 पिक्सेल से ज़्यादा चौड़ा है, तो पहले इसे छोटा करने पर विचार करें। Any2SVG कई रीसाइज़ मोड ऑफ़र करता है — width, height, exact dimensions, percentage या common presets के अनुसार। छोटी सोर्स इमेज तेज़ी से ट्रेस होती है और अक्सर क्लीनर paths देती है क्योंकि ट्रेसर को कम noise से निपटना पड़ता है।

ऑटो-ओरिएंट और मेटाडेटा स्ट्रिप करें

ऑटो-ओरिएंटेशन इनेबल करें ताकि Any2SVG EXIF रोटेशन डेटा पढ़ सके और ट्रेसिंग से पहले इमेज को सही तरीके से दिखा सके। कन्वर्टर आउटपुट SVG से एम्बेडेड मेटाडेटा (EXIF, XMP) भी स्ट्रिप करता है, ताकि कैमरा डिटेल्स और GPS कोऑर्डिनेट्स आपकी पब्लिश्ड फ़ाइलों में न आएं।

स्टेप 3: वेक्टराइज़ेशन सेटिंग्स एडजस्ट करें

यहीं पर असली कंट्रोल है। Any2SVG आपको बारीक विकल्प देता है जो सीधे आपके आउटपुट SVG की क्वालिटी और साइज़ को प्रभावित करते हैं। यहां बताया गया है कि हर सेटिंग क्या करती है और इसका उपयोग कैसे करें:

रंगों की संख्या

यह कंट्रोल करता है कि ट्रेसर कितने अलग-अलग कलर रीजन बनाता है। लोगो, आइकन और सिंपल आर्टवर्क के लिए 2 से 8 रंग इस्तेमाल करें। डिटेल्ड इलस्ट्रेशन या ग्रेडिएंट वाली इमेजेज़ के लिए 16 या अधिक तक बढ़ाएं। कम रंग सिंपल, छोटे SVG बनाते हैं; ज़्यादा रंग बारीक टोनल अंतरों को कैप्चर करते हैं लेकिन फ़ाइल की कॉम्प्लेक्सिटी बढ़ाते हैं।

डिटेल लेवल

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

Path ऑप्टिमाइज़ेशन

अनावश्यक कंट्रोल पॉइंट्स हटाकर जनरेट किए गए वेक्टर paths को सिंपल बनाता है। ज़्यादा ऑप्टिमाइज़ेशन फ़ाइल साइज़ कम करता है और कर्व्स को स्मूद करता है। लोगो और क्लीन आर्टवर्क के लिए ऑप्टिमाइज़ेशन हाई रखें। डिटेल्ड इलस्ट्रेशन के लिए जहां आप हर किनारा प्रिज़र्व करना चाहते हैं, इसे मॉडरेट रखें।

कोऑर्डिनेट प्रिसीज़न

Path कोऑर्डिनेट्स के लिए कितने दशमलव स्थानों का उपयोग करना है, यह सेट करता है। ज़्यादा प्रिसीज़न का मतलब ज़्यादा सटीक paths लेकिन बड़ी फ़ाइलें। ज़्यादातर मामलों में, 1 से 2 दशमलव स्थान सटीकता और फ़ाइल साइज़ के बीच बढ़िया बैलेंस देते हैं।

अन्य विकल्प

  • लेयरिंग मोड — लेयर्ड (हर रंग अपनी लेयर पर) और स्टैक्ड रेंडरिंग के बीच चुनें। लेयर्ड आउटपुट Inkscape या Illustrator जैसे वेक्टर टूल्स में एडिट करना आसान है।
  • ब्लर — ट्रेसिंग से पहले noisy इनपुट्स को स्मूद करने के लिए हल्का प्रीप्रोसेसिंग ब्लर लगाता है। कंप्रेशन आर्टिफ़ैक्ट्स या grainy टेक्सचर वाले PNG के लिए उपयोगी।
  • viewBox — आउटपुट SVG पर एक explicit viewBox attribute टॉगल करता है, जो HTML में एम्बेड होने पर ग्राफ़िक के स्केलिंग को कंट्रोल करता है।

इमेज टाइप के अनुसार अनुशंसित सेटिंग्स

इमेज टाइपरंगडिटेलऑप्टिमाइज़ेशननोट्स
सिंपल लोगो2 – 4लो – मीडियमहाईकम रंग = छोटी फ़ाइल, शार्प किनारे
मल्टी-कलर आइकन4 – 8मीडियमहाईडिटेल और क्लीन paths के बीच बैलेंस
डिटेल्ड इलस्ट्रेशन16 – 32हाईमीडियमज़्यादा रंग ग्रेडिएंट्स और शेडिंग कैप्चर करते हैं
लाइन ड्रॉइंग / स्केच2 – 4हाईमीडियमहाई डिटेल पतली रेखाओं को संरक्षित करता है
फ़ोटोग्राफ़ (सिंपल)32+हाईलोबड़ा SVG; विचार करें कि SVG सही फ़ॉर्मेट है या नहीं

फ़ॉर्मेट-विशिष्ट और टिप्स के लिए, हमारे JPG से SVG टिप्स देखें — वही कई सिद्धांत उन PNG सोर्सेज़ पर भी लागू होते हैं जो कंप्रेस्ड फ़ोटोग्राफ़ से बने हैं।

स्टेप 4: अपना SVG डाउनलोड करें

जब आप प्रीव्यू से संतुष्ट हों, तो अपना तैयार SVG डाउनलोड करें। सिंगल फ़ाइल के लिए, इसे सीधे सेव करने के लिए डाउनलोड बटन पर क्लिक करें। अगर आपने बैच में कई PNG कन्वर्ट किए हैं, तो Any2SVG सभी रिज़ल्ट्स को एक ZIP आर्काइव में बंडल करता है — तेज़, हल्के कंप्रेशन के लिए fflate का उपयोग करके आपके ब्राउज़र में असेंबल किया जाता है।

डाउनलोड करने के बाद, रिज़ल्ट वेरिफ़ाई करने के लिए SVG को अपने ब्राउज़र या Inkscape, Figma या Adobe Illustrator जैसे वेक्टर एडिटर में खोलें। किनारे, कलर रीजन और ओवरऑल फ़ाइल साइज़ चेक करें। अगर कुछ सही नहीं लगता, तो Any2SVG पर वापस जाएं, सेटिंग्स ट्वीक करें और दोबारा कन्वर्ट करें — iteration सामान्य है और इसमें बस कुछ सेकंड लगते हैं।

निष्कर्ष

एक बार जब आप समझ लेते हैं कि ट्रेसिंग एक approximation है, lossless फ़ॉर्मेट स्वैप नहीं, तो PNG को SVG में कन्वर्ट करना आसान हो जाता है। मुख्य स्टेप्स सीधे हैं: अपना PNG अपलोड करें, क्रॉप और रीसाइज़ टूल्स से तैयार करें, अपने इमेज टाइप के लिए सही वेक्टराइज़ेशन सेटिंग्स चुनें, और तैयार SVG डाउनलोड करें।

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

Any2SVG पूरी प्रक्रिया को मुफ़्त, तेज़ और प्राइवेट बनाता है — सब कुछ आपके ब्राउज़र में चलता है। अपनी इमेजेज़ के साथ इसे आज़माएं और देखें कि आप कितनी जल्दी क्लीन, स्केलेबल वेक्टर ग्राफ़िक्स बना सकते हैं।