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

SVG या PNG: बदलना क्यों ज़रूरी है?

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

साइज़ चुनें: 1×, 2×, 4× या अपनी चौड़ाई

SVG का मूल साइज़ उसके width और height एट्रिब्यूट से तय होता है, या वे न हों तो उसके viewBox से; टूल हर फ़ाइल के लिए यह साइज़ दिखाता है। 1× में PNG ठीक इसी साइज़ का होता है; 2× में दोगुना बड़ा, जो हाई-डेफ़िनिशन (Retina) स्क्रीन के लिए ठीक है; 4× में यह प्रिंट या बड़े फ़ॉर्मेट वाले डिज़ाइन के लायक बड़ा हो जाता है। “अपनी चौड़ाई” से आप पिक्सल की सटीक संख्या लिखते हैं, जैसे सोशल मीडिया पोस्ट के लिए 1080 या आइकन के लिए 512, और ऊँचाई ड्रॉइंग के अनुपात के हिसाब से अपने-आप आती है। क्योंकि SVG हर बार दोबारा बनती है, बहुत बड़ा साइज़ भी बिल्कुल साफ़ रहता है। बस एक सीमा है, ब्राउज़र की: किसी एक तरफ़ 16384 पिक्सल से ज़्यादा, या iPhone और iPad पर कुल 1.6 करोड़ पिक्सल से ज़्यादा होने पर इमेज छोटी कर दी जाती है, और टूल यह बताता है।

पारदर्शी बैकग्राउंड, सफ़ेद बैकग्राउंड और JPG फ़ॉर्मेट

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

अगर नतीजा मूल जैसा नहीं दिखता

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