SVG से PNG कन्वर्टर
ब्राउज़र में SVG को किसी भी स्केल या सटीक चौड़ाई-ऊँचाई पर PNG में बदलें, पारदर्शी या रंगीन बैकग्राउंड के साथ। सिर्फ़ viewBox वाले SVG भी चलते हैं।
इमेज के रूप में रेंडर करते समय SVG से जुड़ी बाहरी इमेज, फ़ॉन्ट और स्टाइलशीट लोड नहीं होतीं; पहले उन्हें एम्बेड करें या टेक्स्ट को पाथ में बदलें।
पूरी तरह आपके ब्राउज़र में चलता है। आपका डेटा कभी अपलोड नहीं होता।
SVG से PNG क्या है?
यह टूल SVG वेक्टर ग्राफ़िक को PNG इमेज के रूप में रेंडर करता है। .svg फ़ाइल अपलोड करें या SVG कोड पेस्ट करें, स्केल फ़ैक्टर (1×–4× या कोई भी वैल्यू) या तय चौड़ाई-ऊँचाई चुनें, और बैकग्राउंड पारदर्शी रखें या किसी रंग से भरें। वेक्टर लक्ष्य साइज़ पर दोबारा रेंडर होता है, इसलिए PNG किसी भी रिज़ॉल्यूशन पर तीखा रहता है।
SVG से PNG का उपयोग कैसे करें
- SVG फ़ाइल छोड़ें या चुनें, या SVG मार्कअप को SVG कोड में पेस्ट करें।
- पहचाना गया मूल साइज़ देखें (width/height से, viewBox से, या 300×150 डिफ़ॉल्ट)।
- आउटपुट साइज़ में स्केल फ़ैक्टर या तय चौड़ाई/ऊँचाई चुनें और वैल्यू दर्ज करें।
- पारदर्शी बैकग्राउंड चालू रखें, या उसका निशान हटाकर बैकग्राउंड रंग चुनें।
- PNG डाउनलोड करें (नाम
logo@2x.pngजैसा)।
उदाहरण
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 12"><rect width="24" height="12" fill="#ff0000"/></svg> at scale 2
48×24 PNG, solid red (intrinsic size 24×12 taken from the viewBox)
SVG से PNG का उपयोग कब करें
ऐप, सोशल मीडिया, दस्तावेज़ या SVG न स्वीकार करने वाले प्लेटफ़ॉर्म के लिए PNG आइकन, लोगो या इलस्ट्रेशन बनाने में इसका इस्तेमाल करें। वेब पर जहाँ हो सके SVG ही रखें: वह छोटा और रिज़ॉल्यूशन-निरपेक्ष होता है। बाहरी फ़ॉन्ट या इमेज पर निर्भर SVG उनके बिना रेंडर होंगे।
SVG से PNG कैसे काम करता है
टूल रूट <svg> एलिमेंट के width, height और viewBox पढ़कर मूल साइज़ निकालता है (pt, mm और in जैसी निरपेक्ष इकाइयाँ px में बदलती हैं; प्रतिशत viewBox पर लौट जाते हैं)। फिर वह रूट एलिमेंट को सटीक लक्ष्य width और height के साथ फिर से लिखता है (viewBox न हो तो जोड़ता है ताकि चित्र स्केल हो), उसे इमेज की तरह लोड करता है और उसी साइज़ के कैनवास पर बनाता है, इसलिए वेक्टर छोटे बिटमैप को बड़ा करने की बजाय पूरे रिज़ॉल्यूशन पर रास्टराइज़ होते हैं।
सामान्य उपयोग मामले
- मोबाइल ऐप एसेट के लिए SVG लोगो को 2× और 3× में एक्सपोर्ट करना।
- स्टोर लिस्टिंग के लिए SVG से 512×512 PNG आइकन बनाना।
- स्लाइड डेक या Word दस्तावेज़ के लिए SVG चार्ट को PNG में बदलना।
- उन प्लेटफ़ॉर्म के लिए सफ़ेद बैकग्राउंड वाला PNG बनाना जो पारदर्शिता को काला दिखाते हैं।
सुरक्षा नोट
इमेज आपके ब्राउज़र में Canvas API से ही डिकोड, प्रोसेस और एन्कोड होती हैं। कुछ भी सर्वर पर अपलोड नहीं होता। SVG को इमेज के रूप में रेंडर किया जाता है, इसलिए एम्बेड स्क्रिप्ट नहीं चलतीं।
अक्सर पूछे जाने वाले प्रश्न
मेरे SVG में width या height नहीं है। PNG का साइज़ क्या होगा?
viewBox की चौड़ाई और ऊँचाई को मूल साइज़ माना जाता है। viewBox भी न हो तो ब्राउज़र 300×150 इस्तेमाल करते हैं, और टूल आपको यह बताता है।
मेरा टेक्स्ट दूसरे फ़ॉन्ट में क्यों है?
इमेज के रूप में रेंडर होने वाले SVG बाहरी फ़ॉन्ट लोड नहीं कर सकते। अपने एडिटर में टेक्स्ट को पाथ में बदलें या फ़ॉन्ट को data URI के रूप में एम्बेड करें।
PNG कितनी बड़ी हो सकती है?
जितनी आपके ब्राउज़र का कैनवास अनुमति दे। उससे ज़्यादा माँगने पर टूल आउटपुट छोटा कर देता है और नोटिस दिखाता है।