SVG को PNG में बदलें
PNG वह ज़रिया है जिससे वेक्टर आर्ट उन जगहों तक पहुँचती है जहाँ SVG नहीं जा सकता — स्लाइड, दस्तावेज़, ऐप स्टोर, अपलोड फ़ॉर्म। नीचे का स्केल पिकर ही असली काम की चीज़ है: 2× या 4× पर रेंडर करें और PNG बड़े साइज़ पर भी पिक्सेल-स्तर तक शार्प रहता है, SVG की पूरी ट्रांसपेरेंसी के साथ।
ये भी काम आएँगे: SVG को JPG में बदलें
यह कैसे काम करता है
SVG फ़ाइलें टूल पर छोड़ें — कोड से भरे आइकॉन सीधे क्लिपबोर्ड से पेस्ट करना भी चलता है।
1× से 4× तक का एक्सपोर्ट स्केल चुनें (डिफ़ॉल्ट 2×): यह SVG में लिखे साइज़ को गुणा करता है, और पिक्सेल वेक्टर से बनने की वजह से हर स्केल छुरी जैसा शार्प निकलता है।
तैयार PNG अकेले या zip में उतारें, ट्रांसपेरेंसी ठीक वैसी जैसी डिज़ाइन में थी।
SVG vs PNG
यह बेहतर-बनाम-बदतर की लड़ाई नहीं है — वेक्टर और पिक्सेल अलग-अलग समस्याएँ हल करते हैं। SVG आपकी मास्टर फ़ाइल बना रहता है: जितना चाहें बड़ा, एडिट के लायक़, नन्हा-सा। PNG वह खर्च हो जाने वाला एक्सपोर्ट है, उन स्लाइडों, स्टोरों और फ़ॉर्मों के लिए जो वेक्टर लेने से मना कर देते हैं। कॉपियाँ कन्वर्ट करें; मूल को कभी न बदलें।
| SVG | PNG | |
|---|---|---|
| कंप्रेशन | वेक्टर (XML टेक्स्ट) | लॉसलेस |
| ट्रांसपेरेंसी | हाँ (पूरी अल्फ़ा) | हाँ (पूरी अल्फ़ा) |
| एनिमेशन | हाँ (CSS/SMIL) | नहीं |
| सपोर्ट | सभी ब्राउज़र; अपलोड फ़ॉर्म अक्सर ठुकरा देते हैं | हर जगह — हर ब्राउज़र, एडिटर और OS |
| सबसे उपयुक्त | लोगो, आइकॉन, इलस्ट्रेशन | लोगो, स्क्रीनशॉट, ट्रांसपेरेंसी वाले ग्राफ़िक्स |
अक्सर पूछे जाने वाले सवाल
नहीं — और यही इस साइट के होने की वजह है। पूरा कन्वर्ज़न WebAssembly के ज़रिए आपके ब्राउज़र में ही होता है, इसलिए फ़ाइलें आपके डिवाइस से बाहर नहीं जातीं और बीच में कोई सर्वर नहीं आता। पेज लोड होने के बाद टूल बिना इंटरनेट के भी चलता है, और डिवाइस की मेमोरी के अलावा साइज़ की कोई सीमा नहीं है।
SVG एक वेक्टर फ़ॉर्मैट है जिसका कोई तय पिक्सेल साइज़ नहीं होता, इसलिए आउटपुट का रेज़ोल्यूशन आप तय करते हैं। स्केल फ़ाइल में लिखे साइज़ को गुणा कर देती है: 100×100 का आइकॉन 3× एक्सपोर्ट पर 300×300 की इमेज बनता है। ड्रॉइंग सीधे वेक्टर से होती है, इसलिए किनारे हर स्केल पर पूरी तरह शार्प रहते हैं — बाद में बड़ा करने के बजाय ज़रूरी साइज़ पहले से चुन लेना बेहतर है।
हाँ — SVG जिस हिस्से को बिना रंगे छोड़ता है, वह PNG में ठीक वैसा ही पारदर्शी निकलता है, जैसा डिज़ाइन किया गया था। इसीलिए यह उन लोगो और आइकॉन के लिए सही एक्सपोर्ट है जो अनजान बैकग्राउंड पर बैठेंगे।
टूल SVG में लिखी चौड़ाई-ऊँचाई पढ़ता है; स्केल उसे गुणा करती है। SVG में सिर्फ़ viewBox हो और कोई साफ़ साइज़ न हो, तो ब्राउज़र एक डिफ़ॉल्ट मान लेते हैं — आउटपुट छोटा लगे तो बस स्केल 3× या 4× कर दें।
अंदर समाया कंटेंट (इनलाइन पाथ, base64 इमेज) ठीक रेंडर होता है। बाहरी फ़ाइलों या वेबफ़ॉन्ट के रेफ़रेंस शायद नहीं — रास्टराइज़ेशन के दौरान ब्राउज़र क्रॉस-ऑरिजिन लोड रोक देता है। टेक्स्ट से भरे SVG के लिए पहले अपने डिज़ाइन टूल में टेक्स्ट को आउटलाइन में बदल लें।
क्योंकि सॉफ़्टवेयर की आधी दुनिया वेक्टर ले ही नहीं सकती: स्लाइड डेक, मार्केटप्लेस, ऐप स्टोर की लिस्टिंग, ज़्यादातर अपलोड फ़ॉर्म और हर सोशल प्लैटफ़ॉर्म पिक्सेल माँगते हैं। जो तरीक़ा चलता है वह है SVG को मास्टर रखना और हर मंज़िल के हिसाब से PNG कॉपियाँ निकालना — 1–4× का स्केल पिकर ठीक इसीलिए है कि वे कॉपियाँ बाद में खींच-तानकर बड़ी करने के बजाय पहले से शार्प रेंडर हों।
जब भी मंज़िल सचमुच वेक्टर सपोर्ट करती हो — आपकी अपनी साइट, कोई आइकॉन सिस्टम, डिज़ाइन हैंडऑफ़। रास्टराइज़ किया लोगो एक ही रेज़ोल्यूशन में क़ैद हो जाता है; मूल हर साइज़ पर शार्प रहता है और अक्सर एक बड़े PNG से हल्का भी होता है। मंज़िल के हिसाब से रास्टराइज़ करें, आर्टवर्क सहेजने के तरीक़े के तौर पर कभी नहीं। और वेब डिलीवरी में साइज़ सबसे अहम हो तो SVG को WebP में बदलें PNG से हल्की कॉपियाँ बनाता है।
मिलते-जुलते टूल
SVG को JPG में बदलें
SVG को सफ़ेद बैकग्राउंड पर JPG में बदलें — ब्राउज़र में, बिना अपलोड। 1–4× स्केल और क्वालिटी 90 डिफ़ॉल्ट, सख़्त फ़ॉर्म और मार्केटप्लेस के लिए।
SVG को WebP में बदलें
SVG की सबसे हल्की रास्टर कॉपी WebP में पाएँ — ब्राउज़र में, बिना अपलोड। 1–4× स्केल, क्वालिटी 85 डिफ़ॉल्ट और पूरी 8-बिट ट्रांसपेरेंसी बनी रहती है।
PNG को ICO में बदलें (फ़ेविकॉन)
PNG से मल्टी-साइज़ ICO फ़ेविकॉन बनाएँ, सीधे ब्राउज़र में — मुफ़्त, बिना अपलोड। एक ही फ़ाइल में 16, 32 और 48px के आइकॉन, ट्रांसपेरेंसी पूरी तरह सुरक्षित।
SVG को ICO में बदलें (फ़ेविकॉन)
SVG को ब्राउज़र में ही ICO फ़ेविकॉन बनाएँ — मुफ़्त, बिना अपलोड। वेक्टर 4× पर रेंडर होकर 16, 32 और 48px के पिक्सेल-शार्प आइकॉन देता है।