सीधे कंटेंट पर जाएँ
Toolars
एक्सप्लोर करें

SVG को PNG में बदलें

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

टूल के तथ्य

SVG साइज़ सीमा
2 MiB मार्कअप, image/svg+xml के रूप में पहचाना गया
स्केल
1x, 2x, 3x और 4x बटन, यहाँ 2x पहले से चुना हुआ; “एक्सपोर्ट स्केल” 0.01 से 32 तक भी लेता है
आउटपुट सीमा
स्केल करने के बाद हर साइड 8,192 px और 24 MP
रेंडर से पहले हटाया जाता है
स्क्रिप्ट, इवेंट हैंडलर, style एट्रिब्यूट और <style>, फ़िल्टर, मार्कर, <image>, foreignObject, बाहरी और data: URL
सीधे अस्वीकार
DOCTYPE या ENTITY डिक्लेरेशन, और ऐसी फ़ाइलें जिनमें न width/height हो न viewBox
बैकग्राउंड
PNG में पारदर्शी; भराव रंग सिर्फ़ तब लगता है जब आप JPEG पर स्विच करें

टास्क पथ / इनपुट से परिणाम तक

SVG को PNG में रास्टराइज़ कैसे करें

  1. 01

    SVG जोड़ें

    “फ़ाइल चुनें” एक बार में एक .svg लेता है। कच्चा मार्कअप कभी पेज में नहीं डाला जाता; प्रीव्यू सैनिटाइज़ किए गए रेंडर के बाद ही दिखता है।

  2. 02

    साइज़ चुनें

    “एक्सपोर्ट स्केल” के नीचे 1x, 2x, 3x या 4x पर क्लिक करें, या “आउटपुट चौड़ाई” और “आउटपुट ऊँचाई” में सटीक पिक्सेल वैल्यू टाइप करें।

  3. 03

    सैनिटाइज़ और कन्वर्ट करें

    “सैनिटाइज़ और कन्वर्ट करें” दबाएँ। सारांश में अंतिम पिक्सेल साइज़ और हटाए गए असुरक्षित या असमर्थित आइटम की गिनती लिखी होती है।

  4. 04

    जाँचें और डाउनलोड करें

    अगर हटाए गए आइटम की गिनती शून्य से ज़्यादा है, तो PNG डाउनलोड करने से पहले प्रीव्यू को ओरिजिनल आर्टवर्क से मिलाएँ।

वेक्टर आर्टवर्क को पिक्सेल में बदलना

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

असली फ़ैसला वही ग्रिड है। स्केल SVG की अपनी width और height को गुणा करता है, या ये एट्रिब्यूट न हों तो उसके viewBox को, इसलिए 64×64 का आइकन 2x पर 128×128 बन जाता है। बाद में PNG बड़ा करने पर वह धुंधला होगा, इसलिए जितने बड़े साइज़ की ज़रूरत है उसी पर रेंडर करें।

ज़्यादातर हैरानियों की वजह सैनिटाइज़ेशन है। पाथ, बुनियादी आकृतियाँ, टेक्स्ट, ग्रेडिएंट, क्लिप पाथ, मास्क, पैटर्न और लोकल <use> रेफ़रेंस बचे रहते हैं, साथ ही fill और stroke जैसे प्रेज़ेंटेशन एट्रिब्यूट भी। CSS क्लास, style एट्रिब्यूट या <style> ब्लॉक में रखी स्टाइलिंग हटा दी जाती है, इसलिए इस तरह एक्सपोर्ट हुआ आर्टवर्क काला या बिना भराव का दिख सकता है।

आम सवाल

मेरा PNG काला क्यों दिखता है या उसके रंग क्यों चले गए?
रंग शायद CSS से तय किए गए थे: <style> ब्लॉक, क्लास नियम या style एट्रिब्यूट। ये सब हटा दिए जाते हैं, और SVG आकृतियों का डिफ़ॉल्ट भराव काला होता है। SVG को CSS के बजाय प्रेज़ेंटेशन एट्रिब्यूट (fill, stroke) के साथ दोबारा एक्सपोर्ट करें, या अपने डिज़ाइन टूल से इनलाइन-एट्रिब्यूट एक्सपोर्ट चुनें।
हाई-डेंसिटी स्क्रीन के लिए कौन-सा स्केल चुनूँ?
यह पेज 2x पर खुलता है, जो SVG के घोषित डाइमेंशन को दोगुना करता है और ज़्यादातर हाई-डेंसिटी डिस्प्ले के लिए ठीक है। बड़ी जगहों के लिए 3x या 4x लें, ध्यान रहे कि नतीजा फिर भी हर साइड 8,192 px और 24 MP में समाना चाहिए।
तीर के सिरे या ड्रॉप शैडो क्यों गायब हैं?
SVG में तीर के सिरे marker एलिमेंट से और ड्रॉप शैडो filter एलिमेंट से बनते हैं, और दोनों में से कोई भी सैनिटाइज़र की अनुमति सूची में नहीं है। SVG एक्सपोर्ट करने से पहले अपने एडिटर में इन इफ़ेक्ट को सादे पाथ में बदलें।
मेरा SVG अस्वीकार क्यों हुआ?
आम वजहें हैं DOCTYPE या ENTITY डिक्लेरेशन, 2 MiB से बड़ी फ़ाइल, image/svg+xml के रूप में न पहचानी गई फ़ाइल, या ऐसा रूट एलिमेंट जिसमें width, height या viewBox कुछ भी न हो। जो स्केल रेंडर को पिक्सेल सीमा से आगे ले जाए, वह भी उस सीमा का नाम बताकर अस्वीकार होता है।
क्या लिंक किए गए फ़ॉन्ट और इमेज PNG में दिखते हैं?
नहीं। बाहरी URL, data: URL और <image> एलिमेंट हटा दिए जाते हैं, इसलिए लिंक की गई तस्वीरें और वेब फ़ॉन्ट कभी लोड नहीं होते। टेक्स्ट उस फ़ॉन्ट से बनता है जो ब्राउज़र के पास बताए गए font-family के लिए पहले से है, इसलिए अक्षरों का सटीक रूप ज़रूरी हो तो एडिटर में टेक्स्ट को आउटलाइन में बदलें।

SVG से इमेज कन्वर्टर