SVG से PNG
कन्वर्टर

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

1. “फ़ोटो चुनें” पर क्लिक करें या .svg फ़ाइलें पेज पर छोड़ दें।
2. हर SVG तुरंत 2× स्केल पर ड्रॉ होकर PNG के रूप में सेव हो जाती है।
3. अगर छोटी या बड़ी इमेज चाहिए तो दाईं ओर के सेटिंग्स पैनल में दूसरा “स्केल” चुनें, फिर “सभी फ़ाइलों पर लागू करें” पर क्लिक करें।
4. हर PNG को सेव करें, या “सब डाउनलोड करें (.zip)” पर क्लिक करें।

आउटपुट साइज़ कैसे तय होता है

शुरुआती साइज़ SVG से ही आता है। अगर रूट svg एलिमेंट में width और height दिए हैं, तो वही इस्तेमाल होते हैं, और mm, cm, in और pt जैसी यूनिट्स स्टैंडर्ड 96 पिक्सेल प्रति इंच पर बदली जाती हैं। अगर सिर्फ़ viewBox दिया है, तो उसकी width और height ली जाती है। अगर फ़ाइल में दोनों में से कुछ नहीं है, तो ब्राउज़र उसे 300 गुणा 150 पिक्सेल मानते हैं, और यह टूल भी यही मानता है।

फिर उस साइज़ को “स्केल” सेटिंग से गुणा किया जाता है। 24 गुणा 24 का आइकन 4× पर 96 गुणा 96 की PNG बन जाता है। हर ब्राउज़र जितना ड्रॉ कर सकता है उसकी सीमा में रहने के लिए, आउटपुट हर साइड पर 8192 पिक्सेल और कुल मिलाकर लगभग 16 मेगापिक्सेल तक सीमित है, और जब कोई इमेज इससे आगे जाने वाली हो तो स्केल अपने-आप कम कर दिया जाता है।

स्केल सेटिंग क्या करती है

• 1×। PNG का पिक्सेल साइज़ SVG जितना ही होता है। तब अच्छा है जब SVG को ठीक उसी साइज़ पर दिखाने के लिए डिज़ाइन किया गया हो।
• 2× (शार्प)। डिफ़ॉल्ट। दोगुना साइज़, जो हाई-डेंसिटी फ़ोन और लैपटॉप स्क्रीन पर एकदम साफ़ दिखता है।
• 4× (प्रिंट)। चार गुना साइज़, प्रिंट, स्लाइड या जहाँ भी बड़ी बिटमैप इमेज चाहिए, उसके लिए।

फ़ॉन्ट, इमेज और बाकी चीज़ें जो जाँच लें

SVG उसी तरह ड्रॉ होती है जैसे ब्राउज़र किसी इमेज के रूप में इस्तेमाल हुई SVG को ड्रॉ करता है। इस मोड में ब्राउज़र फ़ाइल के बाहर से कुछ भी लोड नहीं करता: लिंक की गई इमेज, वेब फ़ॉन्ट और बाहरी स्टाइलशीट नज़रअंदाज़ हो जाती हैं, और स्क्रिप्ट नहीं चलतीं। फ़ाइल के अंदर data URL के रूप में एम्बेड की गई इमेज काम करती हैं।

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

ऐनिमेशन कैप्चर नहीं होते; आपको एक स्थिर इमेज मिलती है। पारदर्शी हिस्से PNG में भी पारदर्शी रहते हैं।

आम दिक्कतें और उनके हल

• “यह SVG पढ़ी नहीं जा सकी।” फ़ाइल सही XML नहीं है, या SVG ही नहीं है। उसे किसी टेक्स्ट एडिटर में खोलें और देखें कि वह svg एलिमेंट से शुरू होती है। वेब पेजों से कॉपी की गई SVG में अक्सर namespace डिक्लेरेशन नहीं होता; टूल उसे आपके लिए जोड़ देता है।
• PNG खाली है या उसमें कुछ हिस्से ग़ायब हैं। ड्रॉइंग शायद किसी बाहरी इमेज या स्टाइलशीट पर निर्भर है। उन्हें SVG में एम्बेड करें या अपने एडिटर में आर्टवर्क को फ़्लैट कर दें।
• PNG का साइज़ ग़लत है। SVG में width और height आपकी उम्मीद से अलग सेट हैं, या प्रतिशत में हैं। उन्हें फ़ाइल में एडिट करें, या “स्केल” सेटिंग पर भरोसा करें।
• आउटपुट 4× से छोटा है। इमेज ऊपर बताई गई साइज़ की सीमा तक पहुँच गई।

SVG या PNG?

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