SVG से PNG कनवर्टर

स्केलेबल SVG वेक्टर को उपयोग के लिए तैयार PNG इमेज में बदलें

SVG फ़ाइल निर्देशों का एक समूह है, कोई तैयार तस्वीर नहीं। इसे किसी टेक्स्ट एडिटर में खोलें और आपको XML मिलेगा जो पाथ, आकार, फ़िल और कर्व का वर्णन करता है — एक नुस्खा जिसे ब्राउज़र किसी भी माँगे गए आकार पर आर्टवर्क को ताज़ा बनाने के लिए इस्तेमाल करता है। PNG इसके विपरीत है: एक निश्चित चौड़ाई और ऊँचाई पर जमे हुए रंगीन पिक्सेल की ग्रिड। एक को दूसरे में बदलने की प्रक्रिया को रास्टराइज़ेशन कहते हैं, और यह टूल यह काम पूरी तरह आपके ब्राउज़र के भीतर करता है। आप एक आउटपुट आकार चुनते हैं, SVG को एक HTML कैनवास पर पेंट किया जाता है, और एक PNG वापस आता है — कोई भी फ़ाइल आपके डिवाइस से बाहर नहीं जाती।

वेक्टर बनाम रास्टर, सरल भाषा में

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

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

SVG को रास्टराइज़ करने की ज़रूरत क्यों होती है?

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

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

सही एक्सपोर्ट रिज़ॉल्यूशन चुनना

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

मानक स्क्रीन 1x पर ठीक हैं — आर्टवर्क का नाममात्र आकार। हाई-DPI और Retina डिस्प्ले एक ही जगह में लगभग दोगुने पिक्सेल पैक करते हैं, इसलिए 2x एक्सपोर्ट आइकन और ग्राफ़िक्स को धुँधले की बजाय तीखा रखता है। प्रिंट, पोस्टर या बहुत बड़े डिस्प्ले के लिए, 3x या 4x आपको गुंजाइश देता है। चूँकि स्रोत एक वेक्टर है, इसलिए बड़ा एक्सपोर्ट करने में गुणवत्ता की कोई कीमत नहीं — कर्व को फ्लैट करने से पहले बस उच्च पिक्सेल काउंट पर फिर से गणना की जाती है। संदेह होने पर, उदार आकार रेंडर करें; आप हमेशा एक बड़े PNG को नीचे स्केल कर सकते हैं, पर एक छोटे को ऊपर स्केल करके कभी विवरण वापस नहीं पा सकते।

पारदर्शिता साथ आती है

PNG एक पूर्ण अल्फा चैनल का समर्थन करता है, जिसका मतलब है कि कन्वर्ज़न में पारदर्शिता बनी रहती है। अगर आपके SVG में कोई बैकग्राउंड फ़िल नहीं है, तो नतीजे का PNG उन क्षेत्रों को आर-पार दिखाने योग्य रखता है, इसलिए एक लोगो या आइकन बिना किसी भद्दे सफ़ेद बॉक्स के किसी भी रंग पर साफ़ तरीके से गिरता है। अगर आपको इसके बजाय एक ठोस पृष्ठभूमि चाहिए, तो कन्वर्ट करने से पहले SVG को एक दें। किसी भी तरह, वेक्टर में जो दिखता है वही PNG संरक्षित करेगा, जो कि बिल्कुल यही वजह है कि PNG — JPG की बजाय — आइकन, बैज और ओवरले का स्वाभाविक लक्ष्य है।

सब कुछ आपके डिवाइस पर ही रहता है

यह कन्वर्टर canvas API का इस्तेमाल करके आपके ब्राउज़र में लोकल कोड के रूप में चलता है। आपका SVG किसी सर्वर पर भेजे बिना पढ़ा, बनाया और एक्सपोर्ट किया जाता है, इसलिए कोई अपलोड नहीं, कोई कतार नहीं और आपके आर्टवर्क की कोई कॉपी किसी और के स्टोरेज में नहीं। यह आपके लिए तेज़ है और किसी भी चीज़ के लिए अधिक सुरक्षित है जिसे आप किसी तृतीय पक्ष को नहीं सौंपना चाहते, अप्रकाशित ब्रांडिंग से लेकर आंतरिक डायग्राम तक। जब आप यहाँ काम पूरा कर लें, तो हमारे बाकी इमेज टूल्स देखें — अगर आप Windows या फ़ेविकॉन संपत्ति बना रहे हैं, तो PNG to ICO कन्वर्टर एक स्वाभाविक अगला कदम है।

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