SVG में पिक्सेल नहीं होते, इसलिए यह रूपांतरण नहीं बल्कि रेंडरिंग है

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

आपको PNG की ज़रूरत क्यों पड़ती है

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

बड़ा आकार यहाँ मुफ़्त है

फोटो को बड़ा करने पर ऐसे पिक्सेल बन जाते हैं जो कभी कैप्चर ही नहीं हुए थे, इसलिए 2x पर इमेज धुंधली हो जाती है और 10x पर पूरी तरह बिगड़ जाती है। वेक्टर रेंडरिंग में ऐसी कोई सीमा नहीं है। 24 पिक्सेल का आइकन अगर 1024 पिक्सेल पर रेंडर हो, तो वह 24 पिक्सेल का बड़ा वर्शन नहीं, बल्कि वही चित्र 1024 पर फिर से बनाया गया है, जिसमें हर कर्व और किनारा उसी आकार के लिए दोबारा गिना गया है। हमने यही टेस्ट किया: 24x24 का आइकन 1024x1024 पर वापस आया, रंग बिल्कुल स्रोत जैसे थे, बाइट दर बाइट, और किनारे स्मूद एंटी-अलियास्ड थे, सीढ़ीनुमा नहीं।

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

आप आकार चुनें, या फाइल तय करे

चौड़ाई टाइप करें और चित्र उसी में फिट हो जाएगा, अनुपात लॉक रहेगा। 2:1 का लोगो 400x400 मांगें तो आपको 400x200 का शार्प PNG मिलेगा, कभी भी चपटा वर्ग नहीं। 256, 512, 1024 और 2048 के वन-क्लिक प्रीसेट हैं, और एक Original विकल्प है जो SVG में घोषित आकार पर रेंडर करता है। अगर फाइल में 200x100 लिखा है, तो Original पर वही 200x100 मिलेगा। अधिकतम सीमा 16,384 पिक्सेल प्रति साइड और कुल 64 मेगापिक्सेल है, जो 8000x8000 रेंडर के लिए पर्याप्त है।

ट्रांसपेरेंसी, आंशिक भी

PNG में असली अल्फा चैनल होता है, इसलिए ट्रांसपेरेंट बैकग्राउंड वाला लोगो भी ट्रांसपेरेंट बैकग्राउंड के साथ लौटता है, स्लाइड या प्रोडक्ट पेज पर बिना सफेद डिब्बे के इस्तेमाल के लिए तैयार। अच्छा रेंडरर और लापरवाह रेंडरर में फर्क आंशिक ट्रांसपेरेंसी है: सॉफ्ट शैडो, फेडेड किनारे, या कोई भी चीज़ जो आधी पारदर्शिता पर सेट हो। 50% ओपेसिटी पर सेट आकृति का आउटपुट अल्फा वैल्यू 128 मापता है, जो बिल्कुल आधा है। हर रेंडर असली RGBA इमेज के रूप में लौटता है। अगर आप ट्रांसपेरेंसी हटाना चाहते हैं, तो बैकग्राउंड सेटिंग को सॉलिड कलर पर स्विच करें और कलर पिकर से अपनी पसंद का शेड चुनें।

टेक्स्ट और ग्रेडिएंट्स, जो अक्सर टूट जाते हैं

सर्वर-साइड SVG रेंडरिंग दो जगह अक्सर फेल होती है। फॉन्ट गायब हो जाते हैं, तो टेक्स्ट गायब या गलत फॉन्ट में आ जाता है। और ग्रेडिएंट्स जो एक बार परिभाषित होकर id से रेफरेंस किए गए हैं, वे नहीं दिखते, तो आकृतियाँ सपाट या काली हो जाती हैं। हमने दोनों चेक किया। टेक्स्ट साफ एंटी-अलियास्ड एज के साथ रेंडर हुआ, और url() से रेफरेंस किया गया लीनियर ग्रेडिएंट एक रंग से दूसरे तक सही तरीके से दिखा। अगर फाइल ऐसा फॉन्ट मांगती है जो सर्वर पर नहीं है, तो सब्स्टीट्यूट फॉन्ट इस्तेमाल होता है और परिणाम में यह बताया जाता है, ताकि आपको बाद में पता न चले।

किसी और की SVG अपलोड करना यहाँ सुरक्षित है

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

तेज़ और दोहराने योग्य

क्लासिक Ghostscript टाइगर, 94.5 KB के घने बेज़ियर पाथ्स और SVG रेंडरर्स के लिए आम टेस्ट, 512 पिक्सेल PNG में 53 मिलीसेकंड में रेंडर हुआ। एक ही फाइल दो बार रेंडर करने पर बाइट-टू-बाइट एक जैसा आउटपुट मिलता है, तो परिणाम बिल्कुल वैसा ही दोहराया जा सकता है। कंप्रेस्ड .svgz फाइलें सीधे पढ़ी जाती हैं, और फॉर्मेट फाइल के बाइट्स से पहचाना जाता है, तो नाम बदलने या एक्सटेंशन न होने पर भी रेंडर हो जाता है।

एक साथ कई आइकन

कई फाइलें एक ही सेटिंग्स के साथ रेंडर होती हैं और अपने मूल नामों के साथ एक ZIP में लौटती हैं। तीन अलग-अलग फाइलें, सभी icon.svg नाम से, icon.png, icon_1.png और icon_2.png के रूप में लौटती हैं, ताकि कोई भी चुपचाप गायब न हो। बैच में कोई खराब या गैर-SVG फाइल छोड़ दी जाती है और परिणाम में उसका नाम लिखा जाता है, बाकी सब फेल नहीं होता।

आपको क्या मिलेगा

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

अब आगे क्या?

4000 पिक्सेल का रेंडर एक बड़ी फाइल होती है, इसलिए PNG संपीड़ित करें आमतौर पर अगला कदम होता है जब आप इसे पेज पर डालना चाहते हैं, और PNG से WebP इसे वेब के लिए और बेहतर बनाता है। अगर आप वेक्टर भी रखना चाहते हैं, तो SVG संपीड़ित करें पहले उसमें से एडिटर का कचरा हटा देता है।