आँकड़ों और विज्ञापन के लिए कुकीज़
हम आँकड़ों और विज्ञापन के लिए कुकीज़ इस्तेमाल करते हैं, दोनों Google को जाती हैं। मना करने से आपको दिखने वाली किसी चीज़ में कोई फ़र्क़ नहीं पड़ता।निजता पेज पढ़ें
यहाँ आप PNG को SVG में बदलते हैं, मुफ़्त और बिना खाते के: फ़ाइल ऊपर छोड़िए और कुछ ही सेकंड में नतीजा डाउनलोड के लिए तैयार मिलेगा। कन्वर्ज़न आपके अपने ब्राउज़र के भीतर होता है, इसलिए फ़ाइल कभी अपलोड नहीं होती। यह Windows, macOS और Linux पर वैसे ही चलता है जैसे iPhone और Android पर, और कनेक्शन काट देने पर भी चलता रहता है।
एक बार में 100 फ़ाइलें। फ़ॉर्मेट अलग-अलग हों तो भी चलेगा।
ये एक के बाद एक बदलती हैं और साथ में एक ZIP बनकर उतरती हैं।
PNG से SVG
PNG बिना नुक़सान वाली है, इसलिए ट्रेसर के देखने से पहले कुछ भी धुँधलाया नहीं गया: फ़ाइल की सीमाएँ ठीक वही हैं जो डिज़ाइन औज़ार ने खींचीं, बस इच्छित एंटी-एलियासिंग के साथ। यही इस पन्ने और ट्रेसिंग मैट्रिक्स के हर दूसरे स्रोत के बीच का फ़र्क़ है।
इस साइट के अपने बैज सैंपल पर मापा गया — 480 गुणा 320 पिक्सेल की सपाट ग्राफ़िक: 7,136 बाइट की PNG तयशुदा आठ रंगों पर 2,481 बाइट की SVG में ट्रेस हुई, पाँच पथों में। मूल से छोटी और अब किसी दुकान के साइनबोर्ड तक स्केल होने लायक़ — वही मामला जिसके लिए यह सुविधा बनी।
इस पन्ने पर आने वाली लगभग हर PNG किसी और चीज़ से निर्यात हुई है। जिस Figma फ़ाइल, Sketch दस्तावेज़, Illustrator आर्टबोर्ड या Canva डिज़ाइन ने उसे बनाया वह ट्रेस करके पाई गई नक़ल की बजाय असली SVG स्रोत है, और एक मेनू से साफ़-सुथरी SVG निर्यात करता है — असली वक्र, असली पाठ, नामित परतें।
पाँच मिनट देखना इसलिए सार्थक है कि फ़र्क़ स्थायी होता है। ट्रेस किया लोगो अक्षरों की जगह रूपरेखा रखता है, इसलिए वर्डमार्क कभी ब्रांड टाइपफ़ेस में दोबारा नहीं सेट हो सकता। खाता बंद हो गया हो, एजेंसी अब न हो, या पुरानी वेबसाइट पर बचा PNG ही निशान की एकमात्र बची कॉपी हो — तब ट्रेसिंग है, पहला रास्ता नहीं, दूसरा।
ट्रेसर चारों चैनल पढ़ता है, इसलिए पारदर्शी पृष्ठभूमि पर कटा हुआ लोगो सफ़ेद चौकोर बनकर नहीं लौटता। जो हिस्से पारदर्शी थे वे शून्य अपारदर्शिता वाले पथ बनकर आते हैं, और असली आर्टवर्क उनके ऊपर बैठती है — किसी रंगीन पन्ने पर गिराने पर यह वैसे ही बरतती है जैसे PNG बरतती थी।
यह जानने लायक़ है कि यह कोई अल्फ़ा चैनल नहीं है — SVG के पास अल्फ़ा चैनल है ही नहीं; उसके पास अपारदर्शिता वाली आकृतियाँ हैं। नरम छाया की धुँधली किनारी जैसा अर्ध-पारदर्शी पिक्सेल थोड़े-से अपारदर्शिता-स्तरों में बँट जाता है, चिकनी ढाल में नहीं — यानी छाया धारीदार दिख सकती है।
स्क्रीनशॉट दुनिया की सबसे आम PNG हैं और ट्रेस करने के लिए सबसे कम उपयुक्त। एंटी-एलियास किए पाठ की हर लकीर के इर्द-गिर्द थोड़े अलग स्लेटी रंगों का समूह होता है, और हर समूह अपना छोटा पथ बन जाता है — यानी एक पैराग्राफ़ हज़ारों आकृतियों में बदल जाता है जो मिलकर थोड़ा ग़लत पाठ जैसा दिखता है।
इस साइट के स्क्रीनशॉट सैंपल पर नाप साफ़ है: 2,608 बाइट की PNG आठ रंगों पर 166,255 बाइट की SVG बनी, 871 पथों में — यानी चौंसठ गुना बड़ी, और नतीजा हर तरह से बुरा। अगर मक़सद शब्द थे, तो PNG को TXT में बदलने वाला Tesseract से उन्हें पढ़ लेता है।
एक-रंग या दो-रंग वाले निशान के लिए चार, थोड़े भरावों वाली सपाट चित्रकारी के लिए आठ, असली छाया वाली जगह सोलह, और सोलह पर कुछ नज़र न आए तभी बत्तीस। आठ तयशुदा है और डिज़ाइन औज़ार से निकली आर्टवर्क के लिए पहला सही प्रयास है।
यह सेटिंग गुणवत्ता-स्लाइडर जैसी नहीं बरतती, और बैज पर नापी गई संख्याएँ यही दिखाती हैं: चार रंगों पर 3,900 बाइट, आठ पर 2,481, सोलह पर 10,263, बत्तीस पर 10,168। ज़्यादा रंग एक क़दम पर छोटी फ़ाइल देते हैं और अगले पर चार गुना उछाल, क्योंकि क्वांटाइज़र हर बार नया पैलेट चुनता है।
हर डिज़ाइन औज़ार निर्यात पर एंटी-एलियास करता है, इसलिए तीखे किनारे वाले लोगो में भी हर सीमा पर एक-दो पिक्सेल का बीच-रंग होता है। वे ही धब्बे ट्रेस के पीछे छूट जाते हैं, और detail सेटिंग तय करती है कि वे बचें या नहीं।
लोगो के लिए smooth आमतौर पर सही जवाब और सबसे सुथरी शुरुआत है। sharp किसी तकनीकी रेखाचित्र या पिक्सेल-सटीक आइकन पर अपनी जगह कमाता है। ट्रेसर कभी पहले धुँधला नहीं करता — blur त्रिज्या शून्य पर तय है, क्योंकि पहले धुँधला करना उन्हीं तीखे किनारों को नरम करके धब्बों की गिनती घटाता है जिनके लिए ट्रेस करने की वजह थी।
सबसे लंबे किनारे पर 1,600 पिक्सेल से ज़्यादा कुछ भी ट्रेस करने से पहले घटा दिया जाता है। यह गुणवत्ता की नहीं, लागत की सीमा है — ट्रेस करने की लागत किनारों की गिनती के साथ बढ़ती है — और इससे नतीजे को कुछ नहीं मिलता, क्योंकि 1,600 पिक्सेल पर ट्रेस किया लोगो और 4,000 पर ट्रेस किया वही लोगो किसी भी नाप पर एक जैसे दिखते हैं।
दूसरी दिशा मायने रखती है। 200-पिक्सेल फ़ेविकॉन निर्यात के पास हर वक्र के साथ इतने कम पिक्सेल होते हैं कि फ़िट की गई रूपरेखाएँ नज़र आने लायक़ कोने गोल कर देती हैं, और कोई सेटिंग इसे ठीक नहीं करती। कुछ भी अब भी निर्यात कर सकता हो तो लगभग 1,600 पिक्सेल चौड़ा माँगिए।
जो वापस मिलता है वह ठोस भराव और मिलते-जुलते एक-पिक्सेल स्ट्रोक वाले भरे पथों का ढेर है। कोई समूह नहीं, कोई परत-नाम नहीं, कोई पाठ-एलिमेंट नहीं, कोई ढाल नहीं। कोई वर्डमार्क अक्षरों की रूपरेखा है, अक्षर नहीं; कोई वृत्त फ़िट किए वक्र-खंडों का क्रम है, वृत्त नहीं।
इस पन्ने के ज़्यादातर इस्तेमाल के लिए यह मंज़ूर है, क्योंकि मंज़िल कोई कटर, उत्कीर्णक या बड़ा प्रिंट है। ब्रांड-सिस्टम में वापस जाने वाले निशान के लिए इसे मूल की जगह नहीं, दोबारा खींचने के लिए संदर्भ मानिए।
डिकोडिंग, नाप-बदलना और ट्रेसिंग सब आपके ब्राउज़र में होते हैं। कुछ अपलोड नहीं होता, कोई खाता नहीं, कोई दैनिक सीमा नहीं — जो इस पन्ने पर ख़ासतौर पर मायने रखता है, क्योंकि यहाँ जो आर्टवर्क वापस पाने की कोशिश होती है वह लगभग हमेशा किसी का अपना लोगो होता है।
ट्रेसर imagetracerjs है: Unlicense के तहत 46 KB शुद्ध JavaScript। यह सबसे मज़बूत विकल्प नहीं — potrace और autotrace साफ़ वक्र फ़िट करते हैं पर GPL हैं; VTracer बेहतर और सही लाइसेंस वाला है, पर इसकी अकेली ब्राउज़र पैकेजिंग कोई लाइसेंस घोषित नहीं करती।
| PNG | SVG | |
|---|---|---|
| पूरा नाम | Portable Network Graphics | Scalable Vector Graphics |
| फ़ाइल एक्सटेंशन | .png | .svg |
| मीडिया टाइप | image/png | image/svg+xml |
| कंप्रेशन | बिना नुक़सान — कुछ छोड़ा नहीं जाता | बिना कंप्रेशन |
| पहली बार प्रकाशित | 1996 | 2001 |
| प्रकाशक | PNG Development Group | W3C |
| विनिर्देश | ISO/IEC 15948 | SVG 1.1 |
| लाइसेंस | खुला मानक | खुला मानक |
| आज की स्थिति | मौजूदा | मौजूदा |
| बिट डेप्थ | 16 | — |
| रंग जो यह दर्ज कर सकता है | RGB, ग्रेस्केल, इंडेक्स्ड पैलेट | RGB |
| सबसे बड़ी इमेज | हर तरफ़ 2,14,74,83,647 px | — |
| ब्राउज़र में खुलता है | हर ब्राउज़र | हर ब्राउज़र |
| इसकी जगह विचारणीय | WebP, JXL |
पारदर्शिता बनी रहती है। 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 इस फ़ॉर्मेट को पढ़ लेते है।
नहीं। यह कन्वर्ज़न पूरी तरह आपके ब्राउज़र में होता है, इसलिए फ़ाइल आपके डिवाइस से बाहर नहीं जाती। आप ख़ुद जाँच सकते हैं: डेवलपर टूल्स का नेटवर्क टैब खोलिए और कुछ बदल कर देखिए। आपको पेज ख़ुद दिखेगा और आँकड़ों तथा विज्ञापन के वे अनुरोध दिखेंगे जिनसे इस सेवा का ख़र्च निकलता है — और एक भी ऐसा अनुरोध नहीं जो आपकी फ़ाइल साथ ले जा रहा हो।
हाँ। न खाता, न वॉटरमार्क, और न कोई रोज़ का कोटा जो ख़त्म हो: यह आपकी अपनी मशीन पर चलता है, इसलिए आप जितनी बार चाहें लौट सकते हैं। ब्राउज़र 100 MB तक की फ़ाइलें सँभालता है, एक बार में 100।
PNG और SVG सामग्री का वर्णन बुनियादी तौर पर अलग-अलग तरीक़ों से करते हैं। इसलिए यह कन्वर्ज़न नक़ल नहीं, पुनर्निर्माण है: ईमानदार, पर बाइट-दर-बाइट एक जैसा नहीं। ट्रेसिंग तस्वीर को सपाट आकृतियों के रूप में दोबारा बनाती है, और इसी वजह से नतीजा किसी भी आकार तक बढ़ाया जा सकता है बिना धुँधलाए। यह मिलते-जुलते रंग वाले हिस्सों के बीच के किनारे ढूँढ़कर हर हिस्से के चारों ओर एक रेखा खींचती है, इसलिए वहीं सबसे अच्छी उतरती है जहाँ वे हिस्से सचमुच मौजूद हों: कोई लोगो, कोई आइकॉन, कोई सपाट चित्र, कोई स्कैन किया रेखाचित्र। फ़ोटो में सपाट हिस्से होते ही नहीं, इसलिए ट्रेसिंग उन्हें गढ़ लेती है — नतीजा पोस्टराइज़ हो जाता है और शुरुआत वाली फ़ाइल से बड़ा भी। ट्रेस की गई फ़ाइल को आपकी फ़ाइल से नापा जाता है, और डाउनलोड करने से पहले पेज बता देता है कि दोनों में से क्या हुआ।
SVG सैंपल कच्चे रूप में रखता है, इसलिए फ़ाइल ख़ूब बढ़ जाती है और बदले में कुछ मिलता नहीं। इस दिशा का मतलब सिर्फ़ तब है जब दूसरी तरफ़ का कोई प्रोग्राम PNG लेता ही न हो — और वजह आम तौर पर यही होती भी है।
पारदर्शिता बनी रहती है। PNG और SVG — दोनों अल्फ़ा चैनल सँभालते हैं: काटा हुआ हिस्सा कटा ही रहता है और उसके पीछे कुछ भरा नहीं जाता।
SVG काम करने का फ़ॉर्मेट है और PNG बनकर तैयार फ़ॉर्मेट। जो लौटता है वह पन्ने की तस्वीर नहीं बल्कि बदली जा सकने वाली लिखावट है — आम तौर पर यही इस कन्वर्ज़न की वजह होती है, और यही इसकी सीमा भी।
यह पेज एक को दूसरे में बदलता है। अगर आप बदल नहीं रहे बल्कि चुन रहे हैं, तो PNG vs SVG बताता है कि किसे कब लेना है और कौन किस काम में कमज़ोर है।
इस पेज पर PNG और SVG के बारे में जो कहा गया है, वह जाँचा जा सकता है, और ये रहे वे दस्तावेज़ जो उसे तय करते हैं।