मुफ्त कनवर्टर

SVG को PNG कनवर्टर

वेक्टर SVG फ़ाइलों को उच्च-गुणवत्ता वाली रास्टर PNG छवियों में बदलें। अपने ब्राउज़र में आसानी से आउटपुट स्केल और पृष्ठभूमि रंग को अनुकूलित करें।

SVG को यहां ड्रैग और ड्रॉप करें

50MB तक का समर्थन करता है

या

इस टूल के बारे में

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

यह कनवर्टर ब्राउज़र के अंतर्निहित एसवीजी इंजन का उपयोग करके एसवीजी प्रस्तुत करता है। एसवीजी को एक छवि तत्व में लोड किया जाता है, चुने हुए आउटपुट आयामों पर HTML5 कैनवास पर खींचा जाता है, और कैनवास.टूब्लॉब के माध्यम से पीएनजी के रूप में निर्यात किया जाता है। क्योंकि ब्राउज़र रैस्टराइज़ेशन करता है, जटिल एसवीजी सुविधाएँ - ग्रेडिएंट, फ़िल्टर, मास्क, एक स्थिर फ्रेम के रूप में एनिमेशन - उसी तरह प्रस्तुत करते हैं जैसे वे एक वास्तविक वेबपेज पर प्रस्तुत करते हैं।

एसवीजी-टू-पीएनजी रूपांतरण में सबसे महत्वपूर्ण निर्णय लक्ष्य आकार है। एसवीजी रिज़ॉल्यूशन-स्वतंत्र है, इसलिए वास्तविक उपयोग से मेल खाने वाला पीएनजी आकार चुनने से ओवर-प्रोविजनिंग (थंबनेल-आकार के आइकन के लिए बड़ी फ़ाइलें) और अंडर-प्रोविजनिंग (बाद में स्केल किए जाने पर धुंधली आउटपुट) से बचा जा सकता है। सामान्य लक्ष्य: आइकन के लिए 32×32 या 64×64, लोगो के लिए 256×256 या 512×512, हीरो ग्राफिक्स के लिए 1024×1024, रेटिना-गुणवत्ता वाली संपत्तियों के लिए 2048×2048।

एसवीजी को पीएनजी में क्यों बदलें?

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

पीएनजी प्राप्तकर्ता के एसवीजी रेंडरर पर निर्भर हुए बिना कार्यालय दस्तावेजों, स्लाइड डेक और पीडीएफ में भी विश्वसनीय रूप से एम्बेड करता है। ऐसे लोगो और ग्राफिक्स के लिए जिन्हें कई प्लेटफार्मों पर लगातार प्रदर्शित होने की आवश्यकता होती है, पीएनजी सुरक्षित विकल्प है - भले ही यह संकल्प-स्वतंत्रता खो देता है जो एसवीजी को पहले स्थान पर आकर्षक बनाता है।

कैसे उपयोग करें

अपना लक्ष्य आकार चुनें, प्रस्तुत करें। ब्राउज़र रैस्टराइज़ेशन करता है.

  1. एसवीजी फ़ाइल अपलोड करें: किसी SVG को अपलोड क्षेत्र में खींचें या ब्राउज़ करने के लिए क्लिक करें। 50 एमबी तक की फ़ाइलें समर्थित हैं, हालांकि सामान्य एसवीजी 1 एमबी से कम हैं। स्व-निहित एसवीजी सबसे अच्छा काम करते हैं; एसवीजी जो बाहरी छवियों को xlink:href के माध्यम से दूरस्थ URL पर संदर्भित करते हैं, वे अपूर्ण प्रस्तुत कर सकते हैं।
  2. आउटपुट आकार चुनें: डिफ़ॉल्ट एसवीजी का मूल व्यूबॉक्स आयाम है, लेकिन आप किसी भी पिक्सेल आकार को ओवरराइड कर सकते हैं। ऐसा आकार चुनें जो आपके वास्तविक उपयोग से मेल खाता हो - 32×32 पर प्रदर्शित होने वाले आइकन के लिए 4K पीएनजी बनाने से बचें।
  3. प्रस्तुत करना: ब्राउज़र एसवीजी को पार्स करता है, इसे अनुरोधित आयामों पर कैनवास पर खींचता है, और कैनवास को पीएनजी के रूप में निर्यात करता है। फिल्टर या बड़ी पथ गणना वाले जटिल एसवीजी में कुछ समय लग सकता है; सरल चिह्न तुरंत प्रस्तुत होते हैं।
  4. पीएनजी डाउनलोड करें: फ़ाइल सहेजें. एसवीजी (खींची गई आकृतियों के बाहर कुछ भी) में पारदर्शिता पीएनजी में एक अल्फा चैनल के रूप में संरक्षित है।

सामान्य उपयोग के मामले

तकनीकी विवरण

SVG (W3C सिफ़ारिश) एक XML-आधारित वेक्टर प्रारूप है जिसमें पथ, मूल आकार (आयताकार, वृत्त, दीर्घवृत्त, रेखा, बहुभुज, पॉलीलाइन), पाठ, ग्रेडिएंट (रैखिक ग्रेडिएंट, रेडियल ग्रेडिएंट), फ़िल्टर, मास्क और क्लिप पथ के तत्व हैं। ब्राउज़र XML को पार्स करता है, एक DOM बनाता है, CSS लागू करता है, और पेज रेंडरिंग के दौरान परिणाम को व्यवस्थित करता है।

यह कनवर्टर एसवीजी को एक HTMLImageElement में लोड करता है (जो ब्राउज़र के सामान्य SVG-as-image रेंडरिंग पथ को ट्रिगर करता है), फिर इसे ड्रॉइमेज के माध्यम से एक कैनवास पर खींचता है। कैनवास को कैनवास.toBlob('image/png') का उपयोग करके पीएनजी के रूप में निर्यात किया जाता है। आउटपुट में सटीक पिक्सेल उसी आकार से मेल खाते हैं जो एसवीजी ब्राउज़र टैब में समान आकार में प्रस्तुत करेगा।

किनारे के मामले: छवि तत्व के माध्यम से उपयोग किए जाने पर विदेशीऑब्जेक्ट का उपयोग करने वाला एसवीजी हमेशा समर्थित नहीं होता है। बाहरी संसाधनों को संदर्भित करने वाला एसवीजी (एक अलग डोमेन के लिए xlink:href) CORS के कारण लोड होने में विफल हो सकता है। SMIL एनिमेशन और JavaScript-संचालित एनिमेशन केवल प्रारंभिक फ़्रेम के रूप में प्रस्तुत होते हैं।

सर्वोत्तम प्रथाएँ

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

क्या पीएनजी में परिवर्तित होने पर मेरा एसवीजी गुणवत्ता खो देगा?
वेक्टर-टू-रास्टर रूपांतरण का मतलब है कि छवि पिक्सेल-आधारित हो जाती है और अब इसे असीमित पैमाने पर नहीं बढ़ाया जा सकता है। यह सुनिश्चित करने के लिए कि पीएनजी आपके इच्छित डिस्प्ले आकार पर सटीक दिखे, एक उच्च रिज़ॉल्यूशन चुनें।
पीएनजी प्रारूप का उपयोग किसके लिए किया जाता है?
पीएनजी (पोर्टेबल नेटवर्क ग्राफिक्स) का उपयोग मुख्य रूप से पारदर्शिता, स्क्रीनशॉट, लोगो, आइकन वाले ग्राफिक्स के लिए किया जाता है।
क्या जागरूक होने के लिए कोई सीमाएँ हैं?
50एमबी तक की फ़ाइलें समर्थित हैं। बहुत बड़ी या जटिल फ़ाइलों को संसाधित होने में अधिक समय लग सकता है। सभी रूपांतरण आपके ब्राउज़र में होते हैं, इसलिए प्रसंस्करण गति आपके डिवाइस पर निर्भर करती है।
क्या रूपांतरण के दौरान मेरी छवियाँ निजी रखी गई हैं?
हाँ। आपकी एसवीजी फ़ाइलें पूरी तरह से कैनवास एपीआई और जावास्क्रिप्ट का उपयोग करके आपके ब्राउज़र में संसाधित की जाती हैं। किसी भी सर्वर पर कुछ भी अपलोड नहीं किया जाता है - फ़ाइल सीधे आपके डिवाइस से कनवर्टर तक और वापस आपके डिवाइस पर जाती है।
क्या पाठ को पाठ के रूप में या पथ के रूप में प्रस्तुत किया गया है?
आउटपुट पीएनजी में टेक्स्ट को पिक्सेल के रूप में व्यवस्थित किया गया है। आउटपुट अब खोजने योग्य या चयन योग्य नहीं है। यदि आपका एसवीजी ब्राउज़र में उपलब्ध नहीं होने वाले फ़ॉन्ट का उपयोग करता है, तो टेक्स्ट फ़ॉलबैक फ़ॉन्ट में प्रस्तुत हो सकता है; गारंटीशुदा उपस्थिति के लिए रेंडर करने से पहले एसवीजी में टेक्स्ट को पथ में बदलें।
क्या मेरा एसवीजी सर्वर पर अपलोड किया गया है?
नहीं, एसवीजी पार्सिंग और रेंडरिंग आपके ब्राउज़र में होती है; पीएनजी एन्कोडिंग आपके ब्राउज़र में होती है। फ़ाइल आपके डिवाइस को नहीं छोड़ती है.
मेरी परिवर्तित पीएनजी रिक्त क्यों है?
सामान्य कारण: एसवीजी बाहरी छवियों का संदर्भ देता है जो सीओआरएस के कारण लोड होने में विफल रहीं; एसवीजी उन सुविधाओं का उपयोग करता है जो छवि-तत्व रेंडरिंग पथ (विदेशीऑब्जेक्ट, कुछ फिल्टर) द्वारा समर्थित नहीं हैं; एसवीजी में शून्य-आयामी व्यूबॉक्स है। कनवर्ट करने से पहले इसकी रेंडरिंग की पुष्टि करने के लिए एसवीजी को सीधे ब्राउज़र में खोलें।
क्या मैं स्क्रिप्ट में एसवीजी को पीएनजी में बदल सकता हूँ?
हाँ - बैच नौकरियों के लिए, शार्प या कठपुतली का उपयोग करने वाला एक Node.js सेटअप ब्राउज़र के समान निष्ठा के साथ SVG को PNG में प्रस्तुत करता है। यह टूल ब्राउज़र में कुछ भी इंस्टॉल किए बिना एकमुश्त रूपांतरण के लिए है।