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

कैसे SVG में ट्रेस करें

1. 1

   अपनी PNG यहां छोड़ें

   20 फाइलें तक, हर फाइल 20 MB तक और हर इमेज 4 मेगापिक्सल तक। .png नाम वाली JPEG, WebP और BMP फाइलें भी बिना कुछ कहे कन्वर्ट हो जाती हैं।

2. 2

   रंगों की संख्या चुनें

   रंग जितने कम, परिणाम उतना साफ और हल्का। सफेद पर काले निशान के लिए दो सही हैं; ज्यादातर फ्लैट आइकन के लिए आठ।

3. 3

   SVG डाउनलोड करें

   परिणाम कार्ड दिखाता है कि कितने रंग और कितनी आउटलाइन बनीं, ताकि आप तुरंत समझ सकें कि सेटिंग सही थीं या नहीं।

ट्रेसिंग में होता क्या है

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

चार सेटिंग, और हर एक किसलिए है

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

पारदर्शिता, और ऐसा परिणाम जिसे आप जांच सकें

“पारदर्शिता रखें” चालू हो, तो आधे से कम अल्फा वाले पिक्सल पैलेट में अलग पारदर्शी एंट्री माने जाते हैं और बनाए नहीं जाते, इसलिए पारदर्शी बैकग्राउंड वाला लोगो पारदर्शी बैकग्राउंड के साथ ही निकलता है। इसे बंद करें, तो पहले सबसे आम अपारदर्शी रंग का एक आयत बिछाया जाता है और ट्रेस की गई आकृतियां उसके ऊपर आती हैं। यह तब काम आता है, जब आगे की जगह पारदर्शिता बिल्कुल नहीं संभाल पाती। दोनों हालात में परिणाम सादा, पढ़ने लायक XML होता है: आप इसे किसी भी एडिटर में खोल सकते हैं, पाथ देख सकते हैं और किसी फिल का रंग हाथ से बदल सकते हैं।

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

गाइड

• ऐसा फेविकॉन कैसे बनाएं जो Retina स्क्रीन पर धुंधला न दिखेकभी पूरे वेब के लिए एक छोटी favicon.ico काफी थी। कई साल से ऐसा नहीं है, और उसे अब भी काफी मान लेना ही वजह है कि इतने सारे आइकन धुंधले दिखते हैं।