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

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

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

जब मंज़िल वेब हो और बाइट मायने रखते हों — आइकॉन सेट के थंबनेल, सोशल कार्ड, SVG को रोकने वाले प्लेटफ़ॉर्म के प्रीव्यू। हर क़ीमत पर पिक्सेल-परफ़ेक्ट किनारे चाहिए हों तो PNG सबसे सुरक्षित एक्सपोर्ट बना हुआ है; वेब की ओर जाने वाली हर चीज़ के लिए AVIF आम तौर पर PNG के मुक़ाबले कहीं छोटा रहता है।

हाँ — AVIF पूरा अल्फा चैनल रखता है, इसलिए SVG के बिना रंगे हिस्से ठीक से पारदर्शी रहते हैं, एंटी-एलियास्ड किनारों समेत। लोगो और आइकॉन किसी भी बैकग्राउंड पर बिना किसी सफ़ेद घेरे के बैठ जाते हैं।

आपकी अपनी साइट को SVG परोसना चाहिए: हर ज़ूम पर धारदार, अक्सर नन्हा, CSS से स्टाइल होने वाला। AVIF रास्टर उन ठिकानों के लिए है जो वेक्टर को मना करते हैं — सोशल प्रीव्यू कार्ड, मार्केटप्लेस, ईमेल। तो सवाल या-या का नहीं है: SVG को मूल प्रति रखें और हर मंज़िल के नाप की AVIF कॉपियाँ निकालें।

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