मोफत कनवर्टर

SVG ते PNG कनव्हर्टर

वेक्टर SVG फायली उच्च-गुणवत्तेच्या रास्टर PNG प्रतिमांमध्ये रूपांतरित करा. तुमच्या ब्राउझरमध्ये आउटपुट स्केल आणि पार्श्वभूमी रंग सहजपणे सानुकूलित करा.

SVG येथे ड्रॅग आणि ड्रॉप करा

50MB पर्यंत सपोर्ट करते

किंवा

या साधनाबद्दल

SVG (स्केलेबल व्हेक्टर ग्राफिक्स) प्रतिमांचे वर्णन भौमितिक आदिम - पथ, आकार, मजकूर, ग्रेडियंट्स - गुणवत्तेची हानी न करता कोणत्याही आकारात करते. PNG एक आयताकृती पिक्सेल ग्रिड एका निश्चित रिझोल्यूशनवर संग्रहित करते. SVG चे PNG मध्ये रूपांतर करणे ही एक रास्टरायझेशन पायरी आहे: SVG च्या ड्रॉइंग सूचनांचे मूल्यमापन निवडलेल्या पिक्सेल आकारात केले जाते आणि परिणामी बिटमॅप PNG म्हणून एन्कोड केला जातो. तुम्ही निर्दिष्ट केलेल्या आकारात आउटपुट कुरकुरीत दिसते परंतु आकार वाढवल्यास पिक्सेल होते.

हा कनवर्टर ब्राउझरच्या अंगभूत SVG इंजिनचा वापर करून SVG रेंडर करतो. SVG हे इमेज घटकामध्ये लोड केले जाते, निवडलेल्या आउटपुट परिमाणांवर HTML5 कॅनव्हासवर काढले जाते आणि canvas.toBlob द्वारे PNG म्हणून निर्यात केले जाते. कारण ब्राउझर रास्टरायझेशन करतो, जटिल SVG वैशिष्ट्ये — ग्रेडियंट्स, फिल्टर्स, मास्क, ॲनिमेशन एक स्थिर फ्रेम म्हणून — वास्तविक वेबपेजवर त्याच प्रकारे रेंडर करतात.

SVG-ते-PNG रूपांतरणातील सर्वात महत्त्वाचा निर्णय म्हणजे लक्ष्य आकार. SVG हे रिझोल्यूशन-स्वतंत्र आहे, त्यामुळे वास्तविक वापराशी जुळणारा PNG आकार निवडल्याने अति-तरतुदी (थंबनेल-आकाराच्या चिन्हांसाठी मोठ्या फायली) आणि कमी-तरतुदी (नंतर स्केल केल्यावर अस्पष्ट आउटपुट) टाळले जाते. सामान्य लक्ष्य: चिन्हांसाठी 32×32 किंवा 64×64, लोगोसाठी 256×256 किंवा 512×512, हीरो ग्राफिक्ससाठी 1024×1024, रेटिना-गुणवत्तेच्या मालमत्तेसाठी 2048×2048.

SVG ला PNG मध्ये का रूपांतरित करा

SVG वेब आणि आधुनिक डिझाईन साधनांसाठी अद्भुत आहे परंतु इतर अनेक संदर्भांसाठी भयानक आहे. ईमेल क्लायंट SVG विसंगतपणे प्रस्तुत करतात; काहीजण सुरक्षिततेचा धोका म्हणून ब्लॉक करतात. जुने ऑफिस सॉफ्टवेअर, काही CMS, तृतीय-पक्ष सेवा आणि जवळजवळ सर्व फोटो प्रिंट पाइपलाइन SVG अजिबात स्वीकारत नाहीत. PNG मध्ये रूपांतरित केल्याने सर्वत्र स्वीकृत रास्टर तयार होतो जो निवडलेल्या आकारात एकसारखा दिसतो.

PNG देखील प्राप्तकर्त्याच्या SVG प्रस्तुतकर्त्यावर अवलंबून न राहता ऑफिस दस्तऐवज, स्लाइड डेक आणि PDF मध्ये विश्वासार्हपणे एम्बेड करते. अनेक प्लॅटफॉर्मवर सातत्याने दिसणे आवश्यक असलेल्या लोगो आणि ग्राफिक्ससाठी, PNG ही सर्वात सुरक्षित निवड आहे — जरी ती रिझोल्यूशन-स्वातंत्र्य गमावते ज्यामुळे SVG प्रथम स्थानावर आकर्षक बनते.

कसे वापरावे

तुमचा लक्ष्य आकार निवडा, प्रस्तुत करा. ब्राउझर रास्टरायझेशन करतो.

  1. SVG फाइल अपलोड करा: अपलोड क्षेत्रामध्ये SVG ड्रॅग करा किंवा ब्राउझ करण्यासाठी क्लिक करा. 50 MB पर्यंतच्या फायली समर्थित आहेत, जरी ठराविक SVG 1 MB पेक्षा कमी आहेत. स्वयंपूर्ण SVG सर्वोत्तम कार्य करतात; दूरस्थ URL ला xlink:href द्वारे बाह्य प्रतिमांचा संदर्भ देणारे SVG अपूर्ण असू शकतात.
  2. आउटपुट आकार निवडा: डीफॉल्ट SVG चे मूळ व्ह्यूबॉक्स परिमाण आहे, परंतु तुम्ही कोणत्याही पिक्सेल आकारावर अधिलिखित करू शकता. तुमच्या वास्तविक वापराशी जुळणारा आकार निवडा — 32×32 वर प्रदर्शित होणाऱ्या आयकॉनसाठी 4K PNG तयार करणे टाळा.
  3. प्रस्तुत करा: ब्राउझर SVG पार्स करतो, विनंती केलेल्या परिमाणांवर कॅनव्हासवर काढतो आणि कॅनव्हास PNG म्हणून निर्यात करतो. फिल्टर्स किंवा मोठ्या पथ संख्येसह जटिल SVG ला काही क्षण लागू शकतात; साधे चिन्ह त्वरित रेंडर होतात.
  4. PNG डाउनलोड करा: फाईल सेव्ह करा. SVG मधील पारदर्शकता (आकाराच्या बाहेरील कोणतीही गोष्ट) PNG मध्ये अल्फा चॅनेल म्हणून जतन केली जाते.

सामान्य वापर प्रकरणे

तांत्रिक तपशील

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

हा कनव्हर्टर SVG ला HTMLImageElement मध्ये लोड करतो (जे ब्राउझरच्या सामान्य SVG-एज-इमेज रेंडरिंग पाथला ट्रिगर करते), नंतर drawImage द्वारे कॅनव्हासवर ड्रॉ करते. canvas.toBlob('image/png') वापरून कॅनव्हास PNG म्हणून निर्यात केला जातो. आउटपुटमधील अचूक पिक्सेल ब्राउझर टॅबमध्ये SVG समान आकारात जे प्रस्तुत करेल त्याच्याशी जुळतात.

एज केसेस: इमेज एलिमेंटद्वारे वापरताना विदेशी ऑब्जेक्ट वापरून SVG नेहमी समर्थित नाही. SVG संदर्भित बाह्य संसाधने (xlink:href वेगळ्या डोमेनवर) CORS मुळे लोड होण्यात अयशस्वी होऊ शकतात. SMIL ॲनिमेशन आणि JavaScript-चालित ॲनिमेशन फक्त प्रारंभिक फ्रेम म्हणून प्रस्तुत केले जातात.

सर्वोत्तम पद्धती

वारंवार विचारले जाणारे प्रश्न

PNG मध्ये रूपांतरित केल्यावर माझी SVG गुणवत्ता गमावेल का?
वेक्टर-टू-रास्टर रूपांतरण म्हणजे प्रतिमा पिक्सेल-आधारित बनते आणि यापुढे अनंत प्रमाणात मोजू शकत नाही. तुमच्या इच्छित डिस्प्ले आकारात PNG धारदार दिसत आहे याची खात्री करण्यासाठी उच्च रिझोल्यूशन निवडा.
पीएनजी फॉरमॅट कशासाठी वापरला जातो?
PNG (पोर्टेबल नेटवर्क ग्राफिक्स) प्रामुख्याने पारदर्शकता, स्क्रीनशॉट्स, लोगो, चिन्हांसह ग्राफिक्ससाठी वापरले जाते.
जाणीव ठेवण्यासाठी काही मर्यादा आहेत का?
50MB पर्यंत फायली समर्थित आहेत. खूप मोठ्या किंवा जटिल फायलींवर प्रक्रिया करण्यासाठी जास्त वेळ लागू शकतो. सर्व रूपांतरण तुमच्या ब्राउझरमध्ये होते, त्यामुळे प्रक्रियेचा वेग तुमच्या डिव्हाइसवर अवलंबून असतो.
रूपांतरणादरम्यान माझ्या प्रतिमा खाजगी ठेवल्या जातात का?
होय. कॅनव्हास API आणि JavaScript वापरून तुमच्या SVG फाईल्सवर पूर्णपणे तुमच्या ब्राउझरमध्ये प्रक्रिया केली जाते. कोणत्याही सर्व्हरवर काहीही अपलोड केले जात नाही — फाइल तुमच्या डिव्हाइसवरून थेट कन्व्हर्टरवर जाते आणि तुमच्या डिव्हाइसवर परत जाते.
मजकूर मजकूर म्हणून किंवा पथ म्हणून प्रस्तुत केला जातो?
आउटपुट पीएनजीमध्ये मजकूर पिक्सेल म्हणून रास्टराइज केला जातो. आउटपुट यापुढे शोधण्यायोग्य किंवा निवडण्यायोग्य नाही. तुमचा SVG ब्राउझरमध्ये उपलब्ध नसलेले फॉन्ट वापरत असल्यास, मजकूर फॉलबॅक फॉन्टमध्ये रेंडर होऊ शकतो; गॅरंटीड दिसण्यासाठी रेंडर करण्यापूर्वी मजकूर SVG मधील पाथमध्ये रूपांतरित करा.
माझे SVG सर्व्हरवर अपलोड केले आहे का?
नाही. SVG पार्सिंग आणि रेंडरिंग तुमच्या ब्राउझरमध्ये होते; PNG एन्कोडिंग तुमच्या ब्राउझरमध्ये होते. फाइल तुमचे डिव्हाइस सोडत नाही.
माझे रूपांतरित पीएनजी रिक्त का आहे?
सामान्य कारणे: SVG बाह्य प्रतिमांचा संदर्भ देते ज्या CORS मुळे लोड होऊ शकल्या नाहीत; SVG इमेज-एलिमेंट रेंडरिंग पाथद्वारे समर्थित नसलेली वैशिष्ट्ये वापरते (विदेशी ऑब्जेक्ट, काही फिल्टर); SVG मध्ये शून्य-आयामी व्ह्यूबॉक्स आहे. रूपांतर करण्यापूर्वी SVG रेंडर होत असल्याची पुष्टी करण्यासाठी ब्राउझरमध्ये थेट उघडा.
मी स्क्रिप्टमध्ये SVG ला PNG मध्ये रूपांतरित करू शकतो का?
होय — बॅच जॉबसाठी, शार्प किंवा पपेटीअर वापरून Node.js सेटअप ब्राउझरच्या समान निष्ठा सह PNG ला SVG रेंडर करतो. हे साधन ब्राउझरमध्ये काहीही इन्स्टॉल न करता एकवेळ रूपांतरणांसाठी आहे.