SVG को PNG में कन्वर्ट करें

SVG फाइलों को किसी भी स्केल पर या सटीक पिक्सल साइज में अपने ब्राउजर में ही PNG में बदलें। ड्रॉइंग बनने से पहले स्क्रिप्ट और बाहरी लिंक हटा दिए जाते हैं।

फाइलें यहां छोड़ें

.svg · 10 MB तक

फाइलें चुनें

कैसे PNG में कन्वर्ट करें

1
अपनी SVG फाइलें छोड़ें
एक साथ 100 फाइलें तक। कुछ भी करने से पहले हर फाइल की जांच होती है कि वह सचमुच SVG मार्कअप है।
2
स्केल या सटीक साइज चुनें
ड्रॉइंग के अपने साइज को 0.5 से 10 तक के गुणक से बढ़ाएं, या जरूरी चौड़ाई सीधे लिखें। ऊंचाई आस्पेक्ट रेशियो के हिसाब से खुद तय हो जाएगी।
3
PNG फाइलें डाउनलोड करें
एक फाइल PNG के रूप में मिलती है, कई फाइलें ZIP में। परिणाम वाले कार्ड पर वह पिक्सल साइज दिखता है, जो असल में बना।

स्केल, रीसैंपलिंग नहीं

SVG में पिक्सल नहीं होते, उसमें आकृतियां बनाने के निर्देश होते हैं। इसलिए 4× पर बनी PNG किसी छोटी तस्वीर को फुलाकर नहीं बनती। हर कर्व बड़े साइज पर नए सिरे से बनता है, और किनारे साफ रहते हैं। यह टूल इसी बात का फायदा उठाता है। रेंडर से पहले रूट एलिमेंट की चौड़ाई और ऊंचाई आपके मांगे पिक्सल साइज पर बदल दी जाती है। इससे ब्राउजर वेक्टर पाथ को सीधे लक्ष्य रिजॉल्यूशन में रास्टर करता है, न कि तैयार छोटे बिटमैप को कैनवास पर खींचकर बड़ा करता है। डिफॉल्ट स्केल 2 सबसे आम स्थिति के लिए है: साधारण डिस्प्ले के लिए बना लोगो, जिसे रेटिना स्क्रीन पर भी ठीक दिखना है। सटीक पिक्सल वाला मोड तब काम आता है, जब कोई प्लेटफॉर्म तय संख्या मांगता है, जैसे 1024×1024 का ऐप आइकन या 1200×630 का सोशल प्रीव्यू।

स्क्रिप्ट और बाहरी लिंक क्यों हटाए जाते हैं

SVG असल में XML है, और XML में ड्रॉइंग के अलावा भी बहुत कुछ हो सकता है। किसी और की फाइल में <script> एलिमेंट, onload जैसे इवेंट हैंडलर एट्रिब्यूट, पूरा HTML डॉक्यूमेंट रखने वाला foreignObject, या दूसरे सर्वर पर रखी इमेज और फॉन्ट के रेफरेंस हो सकते हैं। ऐसी फाइल को लापरवाही से खोलने पर आपके टैब में किसी और का कोड चल सकता है, या किसी दूर के सर्वर को चुपचाप पता चल सकता है कि आपने फाइल खोली और कब। यहां हर फाइल पहले SVG प्रोफाइल के साथ DOMPurify से गुजरती है। फिर हमारी अपनी दूसरी जांच हर href, xlink:href और CSS url() हटा देती है, जो उसी फाइल के अंदर के एंकर या एम्बेड किए गए data: URI की ओर इशारा नहीं करता। data: URI के रूप में एम्बेड किए गए फॉन्ट और इमेज बने रहते हैं और सामान्य रूप से दिखते हैं। जो भी हटाया जाता है, उसकी गिनती होती है, ताकि आप समझ सकें कि ड्रॉइंग का कोई हिस्सा खाली क्यों आया।

पारदर्शिता और बैकग्राउंड

PNG में अल्फा चैनल होता है, इसलिए डिफॉल्ट रूप से जिन हिस्सों को आपकी SVG रंगती नहीं, वे पारदर्शी रहते हैं। रंगीन हेडर पर रखे जाने वाले लोगो के लिए यही चाहिए। अगर जहां फाइल जानी है वहां पारदर्शिता नहीं चलती, तो सफेद या अपना रंग चुनें। ड्रॉइंग रखने से पहले वह रंग भर दिया जाता है, एक ही बार में, और किनारों के आसपास कोई धुंधली झलक नहीं रहती।

फाइल आपके डिवाइस से बाहर नहीं जाती

पढ़ना, साफ करना, रेंडर करना और PNG एनकोडिंग, सब इसी ब्राउजर टैब के अंदर होता है। कुछ भी अपलोड नहीं होता और कुछ भी सेव नहीं होता। साफ करने का चरण ही वह वजह है जिससे यह काम डिवाइस पर करना सुरक्षित है: जब तक आपकी SVG पेज तक पहुंचती है, वह न कोड चला सकती है और न नेटवर्क तक पहुंच सकती है।

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

बड़े स्केल पर मेरी PNG धुंधली क्यों दिखती है?

ऐसा नहीं होना चाहिए, क्योंकि वेक्टर लक्ष्य साइज पर दोबारा बनता है, खींचा नहीं जाता। अगर फिर भी धुंधलापन दिखे, तो शायद SVG में असली वेक्टर पाथ की जगह एम्बेड किया गया बिटमैप (data: URI वाली इमेज) है। उस बिटमैप का रिजॉल्यूशन तय होता है, और उसे बड़ा करने से बारीकी नहीं आती। मूल फाइल को किसी एडिटर में खोलकर देखें कि आकृतियां पाथ हैं या एक ही एम्बेड की गई तस्वीर।

मेरी SVG के अंदर की स्क्रिप्ट का क्या होता है?

फाइल रेंडर होने से पहले वे हटा दी जाती हैं, साथ में onload और onclick जैसे इवेंट हैंडलर एट्रिब्यूट और हर foreignObject ब्लॉक भी। फाइल का कुछ भी कभी नहीं चलता। यह कोई वैकल्पिक सेटिंग नहीं है: यहां ऐसा कोई रास्ता नहीं, जिसमें SVG पहले साफ किए बिना रेंडर हो।

मेरी SVG की बाहरी इमेज क्यों नहीं दिखीं?

http://, https:// या प्रोटोकॉल के बिना // वाले पते का हर रेफरेंस हटा दिया जाता है, क्योंकि उसे लोड करने से उस सर्वर को पता चल जाता कि आपने फाइल खोली। सिर्फ उसी डॉक्यूमेंट के अंदर के id वाले रेफरेंस और एम्बेड किए गए data: URI बचते हैं। अगर परिणाम में वे तस्वीरें चाहिए, तो पहले उन्हें data: URI के रूप में SVG में एम्बेड करें, फिर कन्वर्ट करें।

सटीक पिक्सल साइज कैसे पाएं?

आउटपुट साइज को “सटीक पिक्सल” पर करें और चौड़ाई लिखें। ऊंचाई 0 पर छोड़ दें, तो वह ड्रॉइंग के आस्पेक्ट रेशियो से निकलेगी और कुछ भी दबेगा नहीं। अगर जानबूझकर किसी तय बॉक्स में खींचना है, तो ऊंचाई भी लिखें। दोनों तरफ की सीमा 16384 पिक्सल है, जो ब्राउजर कैनवास की सीमा है।

क्या पारदर्शिता बनी रहती है?

हां, डिफॉल्ट रूप से। बिना रंग वाले हिस्से PNG में अल्फा 0 के साथ आते हैं। अगर ठोस बैकग्राउंड चाहिए, तो “बैकग्राउंड” में सफेद या अपना रंग चुनें, क्योंकि कुछ पुराने टूल और ईमेल क्लाइंट PNG के पारदर्शी हिस्सों को काला दिखाते हैं।

अगर मेरी SVG में viewBox नहीं है तो?

तब width और height एट्रिब्यूट मूल साइज तय करते हैं। अगर वे भी नहीं हैं, तो SVG स्पेसिफिकेशन का डिफॉल्ट 300×150 लिया जाता है, और स्केल उसी पर लगता है। ब्राउजर भी फाइल को यही साइज देता है, इसलिए परिणाम वैसा ही होता है जैसा SVG को सीधे खोलने पर दिखता।

एक साथ कितनी फाइलें कन्वर्ट कर सकते हैं?

100 तक, हर फाइल 10 MB तक और कुल 200 MB तक। सबकी सेटिंग एक जैसी रहती है और वे एक के बाद एक रेंडर होती हैं। किसी एक फाइल में गड़बड़ी हो, तो बाकी रद्द नहीं होतीं, और जो सफल रहीं, वे सब एक ZIP में मिलती हैं।

क्या फाइल किसी सर्वर पर अपलोड होती है?

नहीं। साफ करना और रेंडर करना, दोनों आपके ब्राउजर में होते हैं। कोई अपलोड नहीं, कोई कतार नहीं और कोई सेव की गई कॉपी नहीं। टैब बंद करना ही पूरी सफाई है।

गाइड

ऐसा फेविकॉन कैसे बनाएं जो Retina स्क्रीन पर धुंधला न दिखेकभी पूरे वेब के लिए एक छोटी favicon.ico काफी थी। कई साल से ऐसा नहीं है, और उसे अब भी काफी मान लेना ही वजह है कि इतने सारे आइकन धुंधले दिखते हैं।