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

नहीं — मैंने यह साइट इसीलिए बनाई है। पूरा कन्वर्ज़न WebAssembly के ज़रिए आपके ब्राउज़र में ही होता है, इसलिए फ़ाइलें आपके डिवाइस से बाहर नहीं जातीं और बीच में कोई सर्वर नहीं आता। पेज लोड होने के बाद टूल बिना इंटरनेट के भी चलता है, और डिवाइस की मेमोरी के अलावा साइज़ की कोई सीमा नहीं है।

SVG एक वेक्टर फ़ॉर्मैट है जिसका कोई तय पिक्सेल साइज़ नहीं होता, इसलिए बनने वाली इमेज का रेज़ोल्यूशन आप तय करते हैं। स्केल फ़ाइल में लिखे साइज़ को गुणा कर देती है: 100×100 का आइकॉन 3× एक्सपोर्ट पर 300×300 की इमेज बनता है। किनारे वेक्टर से ही बनते हैं, इसलिए हर स्केल पर पूरी तरह शार्प रहते हैं — बाद में बड़ा करने के बजाय ज़रूरी साइज़ पहले से चुन लेना बेहतर है।

आपकी अपनी साइट के लिए SVG आम तौर पर आदर्श ही है। रास्टर कॉपी बाक़ी सबके लिए है: सोशल मीडिया कार्ड, मार्केटप्लेस, ईमेल क्लाइंट और वे CMS जो SVG हटा या रोक देते हैं (उसमें स्क्रिप्ट हो सकती है, इसलिए कई प्लैटफ़ॉर्म उसे लेते ही नहीं)। WebP उसका छोटा, सुरक्षित स्टैंड-इन है।

हाँ — WebP में पूरा 8-बिट अल्फ़ा है, तो वेक्टर रेंडर की नरम परछाइयाँ और ऐंटी-एलियास किए किनारे सही-सलामत बचते हैं। छोटे साइज़ के साथ मिलकर यह पारदर्शी वेक्टर आर्ट का सबसे अच्छा रास्टर स्टैंड-इन बन जाता है।

अपने नियंत्रण वाले पेजों पर SVG परोसें: सादी आर्ट के लिए वह छोटा है, हर ज़ूम स्तर पर शार्प, और CSS से स्टाइल हो जाता है। WebP वहाँ परोसें जहाँ SVG पर रोक है या जोखिम है — यूज़र का डाला हुआ कंटेंट, ईमेल, सोशल कार्ड, मार्केटप्लेस — क्योंकि SVG में स्क्रिप्ट जा सकती है और कई प्लैटफ़ॉर्म उसे देखते ही हटा देते हैं। WebP कॉपी वही आर्टवर्क है जो बिना जोखिम के घूमती है: तय साइज़, सुरक्षित, और फिर भी पूरी तरह पारदर्शी।

दो हैं। आर्टवर्क बाद में एडिट या बड़ा होना हो तो SVG को PNG में बदलें से एक्सपोर्ट करें — क्वालिटी 85 का WebP हल्का-सा नुक़सान बेक कर देता है जिसे आगे कोई एडिटर वापस नहीं ला सकता। और फ़ाइल प्रिंट या ऑफ़िस सॉफ़्टवेयर की ओर जा रही हो तो वहाँ न WebP का स्वागत है, न SVG का; उन पाइपलाइनों को JPG या PNG चाहिए। WebP उन पिक्सेलों के लिए है जो ब्राउज़र में दिखेंगे, बस इतना ही।