PNG का चक्कर नहीं
.webp सीधे डालें। पहले PNG में बदलने से कुछ नहीं मिलता और लॉसी WebP की गड़बड़ी दोबारा एनकोड हो जाती है।
WebP डालिए और लगभग एक सेकंड में साफ, स्केलेबल SVG पाइए — पहले PNG में बदलने की ज़रूरत नहीं। ट्रांसपेरेंसी बनी रहती है, रंग अपने-आप पहचाने जाते हैं, और फाइल आपके ब्राउज़र से बाहर नहीं जाती।
अपनी इमेज यहां ड्रॉप करें
WebP · साथ में PNG, JPG, GIF, BMP, AVIF भी — 20 MB तक
इमेज चुनेंया Ctrl+V से पेस्ट करें
WebP का अलग पेज क्यों
ब्राउज़र WebP खुद डिकोड करते हैं, इसलिए ट्रेसर उसे सीधे पढ़ लेता है।
आज ज़्यादातर वेबसाइट इमेज WebP में देती हैं: यह उसी क्वालिटी पर JPEG से 25–35 % छोटी होती है और JPEG के उलट ट्रांसपेरेंसी व लॉसलेस कंप्रेशन भी सपोर्ट करती है। दिक्कत यह है कि कई डेस्कटॉप टूल और पुराने वेक्टराइज़र इसे अब भी नहीं खोलते, तो लोग WebP को PNG में और फिर PNG को SVG में बदलते हैं — इसमें समय जाता है और कभी-कभी क्वालिटी भी।
AnyToSVG ब्राउज़र का अपना डिकोडर इस्तेमाल करता है, और हर मौजूदा ब्राउज़र (Chrome, Edge, Firefox, Safari 14+) WebP खुद खोलता है। फाइल आपकी मशीन पर डिकोड होती है, रंगों और ग्रेडिएंट की जांच होती है, और WebAssembly में कंपाइल Potrace से ट्रेस होती है — वही पाइपलाइन जो PNG के लिए है। अगर WebP लॉसलेस है तो नतीजा PNG जितना ही साफ आता है। अगर लॉसी है तो कंप्रेशन की गड़बड़ी JPEG से हल्की होती है पर रहती है; ज़्यादा ज़ूम पर किनारे उबड़-खाबड़ दिखें तो एडवांस्ड में पहले नॉइज़ घटाएं टिक करें।
एनिमेटेड WebP चलती है: पहला फ्रेम ट्रेस होता है। दूसरा आधुनिक वेब फॉर्मेट AVIF उन ब्राउज़र में इसी तरह चलता है जो उसे डिकोड करते हैं (Chrome, Firefox, Safari 16+)।
ट्रांसपेरेंसी
अल्फा चैनल का सम्मान होता है; ठोस बैकग्राउंड एक टिक में हट जाता है।
WebP भी PNG की तरह अल्फा चैनल रखती है। 50 % से कम ओपेसिटी वाले पिक्सल को खाली माना जाता है और ट्रेस नहीं किया जाता, इसलिए वेबसाइट से डाउनलोड किया लोगो या प्रोडक्ट कट-आउट SVG में वही पारदर्शी बैकग्राउंड लेकर आता है। अगर WebP को किसी ठोस रंग पर फ्लैट कर दिया गया था, तो ट्रांसपेरेंट बैकग्राउंड टिक करें: इमेज के किनारे को छूने वाला रंग हट जाता है, जबकि आर्टवर्क के अंदर उसी रंग वाले घिरे हिस्से बने रहते हैं।
बाकी आउटपुट हर दूसरे इनपुट फॉर्मेट जैसा है: हर रंग का एक <path>, शेड वाले हिस्सों के लिए असली SVG ग्रेडिएंट, ओरिजिनल पिक्सल साइज़ का viewBox, और फाइल में और कुछ नहीं। यह Illustrator, Inkscape, Figma, Cricut Design Space और हर ब्राउज़र में खुलता है।
आम सोर्स
राइट-क्लिक → इमेज सेव करें, आजकल अक्सर WebP ही देता है।
WebP से SVG बनाने की सबसे आम वजह वेब पेज से सेव किया लोगो, आइकन या इलस्ट्रेशन है: ब्राउज़र ने .webp फाइल थमा दी और डिज़ाइन टूल या कटिंग सॉफ्टवेयर उसे नहीं लेता। इमेज वेब के लिए बनी होती है, इसलिए अक्सर छोटी होती है — 200 से 600 पिक्सल — तो AnyToSVG वेक्टर बनाने से पहले उसे ट्रेसिंग के अनुकूल फिल्टर से दो-तीन गुना बड़ा करता है। कर्व बड़े सोर्स से कम गोल आते हैं, फिर भी सादे रंगों वाला लोगो मुट्ठीभर साफ आकारों में ट्रेस हो जाता है।
अगर साइट बड़ा वर्ज़न देती है (इमेज को नए टैब में खोलकर URL में साइज़ पैरामीटर देखें, या 2× इमेज वाला srcset खोजें), तो वही इस्तेमाल करें: 1000 px का सोर्स बड़ा किए हुए 300 px वाले से हमेशा बेहतर रहता है। WebP में सेव फोटो किसी भी फोटो की तरह कन्वर्ट होती है — 32 रंगों तक और ग्रेडिएंट के साथ पोस्टराइज़्ड, यानी स्टाइलाइज़्ड लुक, ज़्यादा शार्प फोटो नहीं; क्या उम्मीद रखें, यह JPG to SVG में देखें।
यह कैसे काम करता है
तीन स्टेप, और दूसरा स्टेप ज़रूरी नहीं। न पैलेट विज़ार्ड, न मॉडल चुनने का झंझट, न क्रेडिट काउंटर।
इसे पेज पर खींचकर छोड़ें, डिवाइस से चुनें या Ctrl+V से पेस्ट करें। तुरंत जांच और ट्रेसिंग शुरू हो जाती है — कलर या ब्लैक-एंड-व्हाइट, रंगों की संख्या और थ्रेशोल्ड अपने-आप तय होते हैं।
ओरिजिनल और SVG के बीच की लाइन खींचें, किसी किनारे पर ज़ूम करें। रंगों की संख्या बदलें, कोई रंग छिपाएं, बैकग्राउंड ट्रांसपेरेंट करें; हर बदलाव पर कुछ ही पल में दोबारा ट्रेस हो जाता है।
SVG सेव करें, उसका कोड कॉपी करें, या 2× या 4× पर PNG बनाएं। कोऑर्डिनेट ओरिजिनल पिक्सल से मेल खाते हैं, हर फिल का एक पाथ, फाइल में और कुछ नहीं।
टिप्स
.webp सीधे डालें। पहले PNG में बदलने से कुछ नहीं मिलता और लॉसी WebP की गड़बड़ी दोबारा एनकोड हो जाती है।
वेबसाइट के पास अक्सर हाई-DPI स्क्रीन के लिए ज़्यादा रेज़ोल्यूशन की कॉपी होती है। बड़ा सोर्स यानी ज़्यादा स्मूद कर्व।
400 % पर किनारे उबड़-खाबड़ हों तो एडवांस्ड में पहले नॉइज़ घटाएं टिक करें और धब्बे हटाएं थोड़ा बढ़ाएं।
ऑटो-डिटेक्ट रंगों की संख्या इमेज से पढ़ता है; कंप्रेशन ने शेड जोड़ दिए हों तो संख्या उतनी कर दें जितनी डिज़ाइन में असल में हैं।
पहला फ्रेम इस्तेमाल होता है। दूसरा फ्रेम वेक्टराइज़ करना हो तो पहले उसे इमेज एडिटर से PNG में एक्सपोर्ट करें।
प्रीव्यू बैकग्राउंड चेकरबोर्ड, सफेद और डार्क के बीच बदल सकते हैं, ताकि साफ दिखे कि कौन से हिस्से पारदर्शी हैं।
सवाल-जवाब
यहां छोटे जवाब हैं; पूरी FAQ में फॉर्मेट, क्वालिटी सेटिंग, फोटो और प्राइवेसी की बात है।
WebP फाइल को इसी पेज पर डालें या कन्वर्टर खोलकर चुनें। आपका ब्राउज़र उसे डिकोड करता है, कन्वर्टर एक सेकंड में ट्रेस कर देता है, और आप SVG डाउनलोड करते हैं। न अकाउंट, न अपलोड, न वॉटरमार्क।
नहीं। हर मौजूदा ब्राउज़र WebP खुद डिकोड करता है, इसलिए कन्वर्टर फाइल सीधे पढ़ता है। PNG के रास्ते जाने से बस एक स्टेप बढ़ता है और लॉसी WebP की कंप्रेशन गड़बड़ी दोबारा एनकोड हो जाती है।
हां। पारदर्शी पिक्सल ट्रेस नहीं होते, इसलिए SVG उन्हीं जगहों पर पारदर्शी रहता है। ठोस बैकग्राउंड को ट्रांसपेरेंट बैकग्राउंड चेकबॉक्स से हटाया जा सकता है।
पहला फ्रेम ट्रेस होता है। दूसरे फ्रेम के लिए उसे इमेज एडिटर से PNG में एक्सपोर्ट करें और उसे कन्वर्ट करें।
नहीं। WebP, PNG, JPG, GIF और BMP फाइलें पूरी तरह आपके ब्राउज़र के अंदर डिकोड और ट्रेस होती हैं; कुछ कहीं नहीं भेजा जाता। देखें प्राइवेसी पॉलिसी।
हां, उन ब्राउज़र में जो AVIF डिकोड करते हैं (Chrome, Firefox, Safari 16 और उसके बाद)। फाइल ठीक WebP की तरह संभाली जाती है।
और कन्वर्टर
वही इंजन, वही प्राइवेसी — हर इनपुट फॉर्मेट का अलग पेज, ताकि आप अपना वाला बुकमार्क कर सकें।
फ्री, ब्राउज़र में ही, कुछ इंस्टॉल नहीं करना, कुछ अपलोड नहीं होता। लगभग एक सेकंड में SVG आपकी ओरिजिनल इमेज के बगल में।