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

यहाँ आप PNG को SVG में बदलते हैं, मुफ़्त और बिना खाते के: फ़ाइल ऊपर छोड़िए और कुछ ही सेकंड में नतीजा डाउनलोड के लिए तैयार मिलेगा। कन्वर्ज़न आपके अपने ब्राउज़र के भीतर होता है, इसलिए फ़ाइल कभी अपलोड नहीं होती। यह Windows, macOS और Linux पर वैसे ही चलता है जैसे iPhone और Android पर, और कनेक्शन काट देने पर भी चलता रहता है।

  • कहाँ चलता है आपके ब्राउज़र में। फ़ाइल कभी अपलोड नहीं होती।
  • नए सिरे से बना SVG के काम करने का तरीक़ा PNG से अलग है। यह किसी लॉसी कोडेक जैसा धीरे-धीरे होने वाला नुक़सान नहीं है: SVG जो कुछ व्यक्त कर सकता है, वह हूबहू उतर आता है — और जिसका वहाँ कोई समतुल्य नहीं, वह पूरी तरह रह जाता है।
  • फ़ाइल आकार की सीमा हर फ़ाइल 100 MB तक, मुफ़्त, बिना खाते के।
  • जानने लायक़ ट्रेसिंग तस्वीर को सपाट आकृतियों के रूप में दोबारा बनाती है, और इसी वजह से नतीजा किसी भी आकार तक बढ़ाया जा सकता है बिना धुँधलाए। यह मिलते-जुलते रंग वाले हिस्सों के बीच के किनारे ढूँढ़कर हर हिस्से के चारों ओर एक रेखा खींचती है, इसलिए वहीं सबसे अच्छी उतरती है जहाँ वे हिस्से सचमुच मौजूद हों: कोई लोगो, कोई आइकॉन, कोई सपाट चित्र, कोई स्कैन किया रेखाचित्र। फ़ोटो में सपाट हिस्से होते ही नहीं, इसलिए ट्रेसिंग उन्हें गढ़ लेती है — नतीजा पोस्टराइज़ हो जाता है और शुरुआत वाली फ़ाइल से बड़ा भी। ट्रेस की गई फ़ाइल को आपकी फ़ाइल से नापा जाता है, और डाउनलोड करने से पहले पेज बता देता है कि दोनों में से क्या हुआ।

एक बार में 100 फ़ाइलें। फ़ॉर्मेट अलग-अलग हों तो भी चलेगा।

सपाट PNG निर्यात इस ट्रेसर को मिलने वाला सबसे अच्छा इनपुट है

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

इस साइट के अपने बैज सैंपल पर मापा गया — 480 गुणा 320 पिक्सेल की सपाट ग्राफ़िक: 7,136 बाइट की PNG तयशुदा आठ रंगों पर 2,481 बाइट की SVG में ट्रेस हुई, पाँच पथों में। मूल से छोटी और अब किसी दुकान के साइनबोर्ड तक स्केल होने लायक़ — वही मामला जिसके लिए यह सुविधा बनी।

PNG ट्रेस करने से पहले एक बार मूल फ़ाइल खोजिए

इस पन्ने पर आने वाली लगभग हर PNG किसी और चीज़ से निर्यात हुई है। जिस Figma फ़ाइल, Sketch दस्तावेज़, Illustrator आर्टबोर्ड या Canva डिज़ाइन ने उसे बनाया वह ट्रेस करके पाई गई नक़ल की बजाय असली SVG स्रोत है, और एक मेनू से साफ़-सुथरी SVG निर्यात करता है — असली वक्र, असली पाठ, नामित परतें।

पाँच मिनट देखना इसलिए सार्थक है कि फ़र्क़ स्थायी होता है। ट्रेस किया लोगो अक्षरों की जगह रूपरेखा रखता है, इसलिए वर्डमार्क कभी ब्रांड टाइपफ़ेस में दोबारा नहीं सेट हो सकता। खाता बंद हो गया हो, एजेंसी अब न हो, या पुरानी वेबसाइट पर बचा PNG ही निशान की एकमात्र बची कॉपी हो — तब ट्रेसिंग है, पहला रास्ता नहीं, दूसरा।

PNG की पारदर्शिता के साथ ट्रेसिंग क्या करती है

ट्रेसर चारों चैनल पढ़ता है, इसलिए पारदर्शी पृष्ठभूमि पर कटा हुआ लोगो सफ़ेद चौकोर बनकर नहीं लौटता। जो हिस्से पारदर्शी थे वे शून्य अपारदर्शिता वाले पथ बनकर आते हैं, और असली आर्टवर्क उनके ऊपर बैठती है — किसी रंगीन पन्ने पर गिराने पर यह वैसे ही बरतती है जैसे PNG बरतती थी।

यह जानने लायक़ है कि यह कोई अल्फ़ा चैनल नहीं है — SVG के पास अल्फ़ा चैनल है ही नहीं; उसके पास अपारदर्शिता वाली आकृतियाँ हैं। नरम छाया की धुँधली किनारी जैसा अर्ध-पारदर्शी पिक्सेल थोड़े-से अपारदर्शिता-स्तरों में बँट जाता है, चिकनी ढाल में नहीं — यानी छाया धारीदार दिख सकती है।

स्क्रीनशॉट इस पन्ने का सबसे ख़राब इनपुट है

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

इस साइट के स्क्रीनशॉट सैंपल पर नाप साफ़ है: 2,608 बाइट की PNG आठ रंगों पर 166,255 बाइट की SVG बनी, 871 पथों में — यानी चौंसठ गुना बड़ी, और नतीजा हर तरह से बुरा। अगर मक़सद शब्द थे, तो PNG को TXT में बदलने वाला Tesseract से उन्हें पढ़ लेता है।

PNG निर्यात के लिए रंग-संख्या चुनना

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

यह सेटिंग गुणवत्ता-स्लाइडर जैसी नहीं बरतती, और बैज पर नापी गई संख्याएँ यही दिखाती हैं: चार रंगों पर 3,900 बाइट, आठ पर 2,481, सोलह पर 10,263, बत्तीस पर 10,168। ज़्यादा रंग एक क़दम पर छोटी फ़ाइल देते हैं और अगले पर चार गुना उछाल, क्योंकि क्वांटाइज़र हर बार नया पैलेट चुनता है।

ब्योरा, और हर PNG निर्यात में मौजूद एंटी-एलियासिंग

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

लोगो के लिए smooth आमतौर पर सही जवाब और सबसे सुथरी शुरुआत है। sharp किसी तकनीकी रेखाचित्र या पिक्सेल-सटीक आइकन पर अपनी जगह कमाता है। ट्रेसर कभी पहले धुँधला नहीं करता — blur त्रिज्या शून्य पर तय है, क्योंकि पहले धुँधला करना उन्हीं तीखे किनारों को नरम करके धब्बों की गिनती घटाता है जिनके लिए ट्रेस करने की वजह थी।

PNG को 1,600 पिक्सेल तक किसी काम के नाप पर निर्यात कीजिए

सबसे लंबे किनारे पर 1,600 पिक्सेल से ज़्यादा कुछ भी ट्रेस करने से पहले घटा दिया जाता है। यह गुणवत्ता की नहीं, लागत की सीमा है — ट्रेस करने की लागत किनारों की गिनती के साथ बढ़ती है — और इससे नतीजे को कुछ नहीं मिलता, क्योंकि 1,600 पिक्सेल पर ट्रेस किया लोगो और 4,000 पर ट्रेस किया वही लोगो किसी भी नाप पर एक जैसे दिखते हैं।

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

SVG वह आर्टवर्क नहीं होगी जो आपने निर्यात की थी

जो वापस मिलता है वह ठोस भराव और मिलते-जुलते एक-पिक्सेल स्ट्रोक वाले भरे पथों का ढेर है। कोई समूह नहीं, कोई परत-नाम नहीं, कोई पाठ-एलिमेंट नहीं, कोई ढाल नहीं। कोई वर्डमार्क अक्षरों की रूपरेखा है, अक्षर नहीं; कोई वृत्त फ़िट किए वक्र-खंडों का क्रम है, वृत्त नहीं।

इस पन्ने के ज़्यादातर इस्तेमाल के लिए यह मंज़ूर है, क्योंकि मंज़िल कोई कटर, उत्कीर्णक या बड़ा प्रिंट है। ब्रांड-सिस्टम में वापस जाने वाले निशान के लिए इसे मूल की जगह नहीं, दोबारा खींचने के लिए संदर्भ मानिए।

PNG टैब में ट्रेस होती है, 46 KB के ट्रेसर से

डिकोडिंग, नाप-बदलना और ट्रेसिंग सब आपके ब्राउज़र में होते हैं। कुछ अपलोड नहीं होता, कोई खाता नहीं, कोई दैनिक सीमा नहीं — जो इस पन्ने पर ख़ासतौर पर मायने रखता है, क्योंकि यहाँ जो आर्टवर्क वापस पाने की कोशिश होती है वह लगभग हमेशा किसी का अपना लोगो होता है।

ट्रेसर imagetracerjs है: Unlicense के तहत 46 KB शुद्ध JavaScript। यह सबसे मज़बूत विकल्प नहीं — potrace और autotrace साफ़ वक्र फ़िट करते हैं पर GPL हैं; VTracer बेहतर और सही लाइसेंस वाला है, पर इसकी अकेली ब्राउज़र पैकेजिंग कोई लाइसेंस घोषित नहीं करती।

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

  1. अपनी PNG फ़ाइल इस पेज पर छोड़ें, या चुनने के लिए दबाएँ।
  2. लक्ष्य के रूप में SVG चुनें। कन्वर्ज़न आपके ब्राउज़र में होता है और फ़ाइल अपलोड नहीं होती।
  3. तैयार SVG फ़ाइल डाउनलोड कर लें।

PNG या SVG: क्या बदलता है

PNG और SVG की तुलना
PNGSVG
पूरा नामPortable Network GraphicsScalable Vector Graphics
फ़ाइल एक्सटेंशन.png.svg
मीडिया टाइपimage/pngimage/svg+xml
कंप्रेशनबिना नुक़सान — कुछ छोड़ा नहीं जाताबिना कंप्रेशन
पहली बार प्रकाशित19962001
प्रकाशकPNG Development GroupW3C
विनिर्देशISO/IEC 15948SVG 1.1
लाइसेंसखुला मानकखुला मानक
आज की स्थितिमौजूदामौजूदा
बिट डेप्थ16
रंग जो यह दर्ज कर सकता हैRGB, ग्रेस्केल, इंडेक्स्ड पैलेटRGB
सबसे बड़ी इमेजहर तरफ़ 2,14,74,83,647 px
ब्राउज़र में खुलता हैहर ब्राउज़रहर ब्राउज़र
इसकी जगह विचारणीयWebP, JXLPDF

क्या बचा रहता है

पारदर्शिता बनी रहती है। PNG और SVG — दोनों अल्फ़ा चैनल सँभालते हैं: काटा हुआ हिस्सा कटा ही रहता है और उसके पीछे कुछ भरा नहीं जाता।

लक्ष्य फ़ॉर्मेट क्या और सँभाल सकता है

SVG काम करने का फ़ॉर्मेट है और PNG बनकर तैयार फ़ॉर्मेट। जो लौटता है वह पन्ने की तस्वीर नहीं बल्कि बदली जा सकने वाली लिखावट है — आम तौर पर यही इस कन्वर्ज़न की वजह होती है, और यही इसकी सीमा भी।

SVG एनिमेशन ढो सकता है; PNG फ़ाइल एक ही फ़्रेम है। बाहर ऐसी फ़ाइल आती है जिसमें एक तस्वीर है, और वह ऐसे फ़ॉर्मेट में है जो इससे ज़्यादा सँभाल सकता था।

SVG परतें सँभाल सकता है। PNG फ़ाइल पहले से मिली हुई आती है, इसलिए नतीजे में एक ही परत रहती है — बनावट को हाथ से दोबारा खड़ा करना पड़ेगा।

नतीजा खोलना

दोनों तरफ़ के प्रोग्राम अलग हैं: PNG फ़ाइल Adobe Photoshop, GIMP और Paint.NET में खुलती है और SVG फ़ाइल Inkscape, Adobe Illustrator और Figma में — यानी नतीजा जिसके पास जाएगा, उसे दूसरी सूची में से कोई प्रोग्राम चाहिए होगा।

फ़ाइल का आकार और गुणवत्ता

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

कौन-सा फ़ॉर्मेट किस काम के लिए है

PNG PNG Development Group का फ़ॉर्मेट है, जो 1996 में आया। यह हर चैनल पर 16 बिट में दर्ज करता है।

SVG W3C का है और 2001 से चला आ रहा है, और SVG 1.1 में तय किया गया है। Inkscape, Adobe Illustrator और Figma इस फ़ॉर्मेट को पढ़ लेते है।

PNG से SVG: आम सवाल

क्या मेरी PNG फ़ाइल कहीं अपलोड होती है?

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

क्या PNG को SVG में बदलना मुफ़्त है?

हाँ। न खाता, न वॉटरमार्क, और न कोई रोज़ का कोटा जो ख़त्म हो: यह आपकी अपनी मशीन पर चलता है, इसलिए आप जितनी बार चाहें लौट सकते हैं। ब्राउज़र 100 MB तक की फ़ाइलें सँभालता है, एक बार में 100।

PNG को SVG में बदलने पर क्या गुणवत्ता जाती है?

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

SVG फ़ाइल PNG फ़ाइल से इतनी बड़ी क्यों है?

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

PNG से SVG जाने पर क्या पारदर्शिता बची रहती है?

पारदर्शिता बनी रहती है। PNG और SVG — दोनों अल्फ़ा चैनल सँभालते हैं: काटा हुआ हिस्सा कटा ही रहता है और उसके पीछे कुछ भरा नहीं जाता।

क्या SVG फ़ाइल उसके बाद बदली जा सकती है?

SVG काम करने का फ़ॉर्मेट है और PNG बनकर तैयार फ़ॉर्मेट। जो लौटता है वह पन्ने की तस्वीर नहीं बल्कि बदली जा सकने वाली लिखावट है — आम तौर पर यही इस कन्वर्ज़न की वजह होती है, और यही इसकी सीमा भी।

तय नहीं कर पा रहे कि क्या चाहिए?

यह पेज एक को दूसरे में बदलता है। अगर आप बदल नहीं रहे बल्कि चुन रहे हैं, तो PNG vs SVG बताता है कि किसे कब लेना है और कौन किस काम में कमज़ोर है।

इन फ़ॉर्मेट के बारे में और

ये आँकड़े कहाँ से आए

इस पेज पर PNG और SVG के बारे में जो कहा गया है, वह जाँचा जा सकता है, और ये रहे वे दस्तावेज़ जो उसे तय करते हैं।