SVG ते PNG कनव्हर्टर
वेक्टर SVG फायली उच्च-गुणवत्तेच्या रास्टर PNG प्रतिमांमध्ये रूपांतरित करा. तुमच्या ब्राउझरमध्ये आउटपुट स्केल आणि पार्श्वभूमी रंग सहजपणे सानुकूलित करा.
SVG येथे ड्रॅग आणि ड्रॉप करा
50MB पर्यंत सपोर्ट करते
वेक्टर SVG फायली उच्च-गुणवत्तेच्या रास्टर PNG प्रतिमांमध्ये रूपांतरित करा. तुमच्या ब्राउझरमध्ये आउटपुट स्केल आणि पार्श्वभूमी रंग सहजपणे सानुकूलित करा.
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 वेब आणि आधुनिक डिझाईन साधनांसाठी अद्भुत आहे परंतु इतर अनेक संदर्भांसाठी भयानक आहे. ईमेल क्लायंट SVG विसंगतपणे प्रस्तुत करतात; काहीजण सुरक्षिततेचा धोका म्हणून ब्लॉक करतात. जुने ऑफिस सॉफ्टवेअर, काही CMS, तृतीय-पक्ष सेवा आणि जवळजवळ सर्व फोटो प्रिंट पाइपलाइन SVG अजिबात स्वीकारत नाहीत. PNG मध्ये रूपांतरित केल्याने सर्वत्र स्वीकृत रास्टर तयार होतो जो निवडलेल्या आकारात एकसारखा दिसतो.
PNG देखील प्राप्तकर्त्याच्या SVG प्रस्तुतकर्त्यावर अवलंबून न राहता ऑफिस दस्तऐवज, स्लाइड डेक आणि PDF मध्ये विश्वासार्हपणे एम्बेड करते. अनेक प्लॅटफॉर्मवर सातत्याने दिसणे आवश्यक असलेल्या लोगो आणि ग्राफिक्ससाठी, PNG ही सर्वात सुरक्षित निवड आहे — जरी ती रिझोल्यूशन-स्वातंत्र्य गमावते ज्यामुळे SVG प्रथम स्थानावर आकर्षक बनते.
तुमचा लक्ष्य आकार निवडा, प्रस्तुत करा. ब्राउझर रास्टरायझेशन करतो.
SVG (W3C शिफारस) हे पथ, मूलभूत आकार (रेक्ट, वर्तुळ, लंबवर्तुळ, रेखा, बहुभुज, पॉलीलाइन), मजकूर, ग्रेडियंट (रेखीय ग्रेडियंट, रेडियलग्रेडियंट), फिल्टर, मास्क आणि क्लिप पथांसाठी घटकांसह एक XML-आधारित वेक्टर स्वरूप आहे. ब्राउझर XML पार्स करतो, DOM तयार करतो, CSS लागू करतो आणि पृष्ठ प्रस्तुती दरम्यान परिणाम रास्टराइज करतो.
हा कनव्हर्टर SVG ला HTMLImageElement मध्ये लोड करतो (जे ब्राउझरच्या सामान्य SVG-एज-इमेज रेंडरिंग पाथला ट्रिगर करते), नंतर drawImage द्वारे कॅनव्हासवर ड्रॉ करते. canvas.toBlob('image/png') वापरून कॅनव्हास PNG म्हणून निर्यात केला जातो. आउटपुटमधील अचूक पिक्सेल ब्राउझर टॅबमध्ये SVG समान आकारात जे प्रस्तुत करेल त्याच्याशी जुळतात.
एज केसेस: इमेज एलिमेंटद्वारे वापरताना विदेशी ऑब्जेक्ट वापरून SVG नेहमी समर्थित नाही. SVG संदर्भित बाह्य संसाधने (xlink:href वेगळ्या डोमेनवर) CORS मुळे लोड होण्यात अयशस्वी होऊ शकतात. SMIL ॲनिमेशन आणि JavaScript-चालित ॲनिमेशन फक्त प्रारंभिक फ्रेम म्हणून प्रस्तुत केले जातात.