UltKit
इमेज11
PDF13
डॉक्यूमेंट और डेटा7
वीडियो6
ऑडियो4
और टूल्स22

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

WebP पिक्सल से बनता है और SVG शेप से, इसलिए इन दोनों के बीच बिना नुकसान वाला सीधा बदलाव नहीं होता। यह पेज आपकी WebP को असली वेक्टर पाथ में ट्रेस करता है, जिन्हें आप बड़ा कर सकते हैं, उनका रंग बदल सकते हैं और कटिंग में इस्तेमाल कर सकते हैं। यह लोगो, आइकन और फ्लैट इलस्ट्रेशन पर सबसे अच्छा काम करता है।

इमेज से SVG

या JPG, JPEG, JFIF … फ़ाइलें यहाँ ड्रop करें ·

प्रति फ़ाइल अधिकतम 95 MB· अधिकतम 20 फ़ाइलें· 30 मिनट बाद हटा दी जाती हैं

आउटपुट
12

फ़ाइलें हमारे सर्वर पर प्रोसेस होती हैं और 30 मिनट बाद हटा दी जाती हैं।

इस टूल का उपयोग कैसे करें

  1. 1

    WebP अपलोड करें

    किसी वेबसाइट से सेव किया गया लोगो, आइकन या स्टिकर जोड़ें, अधिकतम 20 फ़ाइलें, हर एक 95 MB तक। बड़ी और साफ़ सोर्स इमेज का ट्रेस बेहतर बनता है।

  2. 2

    रंगों की संख्या चुनें

    रंगों की संख्या 12 से शुरू होती है, जो ज़्यादातर लोगो के लिए काफ़ी है। दो रंग के निशान के लिए इसे घटाएँ, या एक रंग की कट फ़ाइल के लिए कलर मोड में ब्लैक एंड व्हाइट चुनें।

  3. 3

    SVG में वेक्टराइज़ करें

    SVG में वेक्टराइज़ करें दबाएँ और फ़ाइलें डाउनलोड करें। आकार जाँचने के लिए उन्हें Inkscape, Illustrator, Figma या Cricut Design Space में खोलें।

उत्तर

क्या WebP को सच में SVG में बदला जा सकता है?

सिर्फ़ ट्रेसिंग से। WebP पिक्सल सहेजता है, SVG आकार। यह टूल आपकी WebP के रंगों को वेक्टर पाथ के रूप में दोबारा बनाता है; जो टूल सिर्फ़ फ़ाइल का नाम बदलता है या बिटमैप एम्बेड करता है, उससे मिला SVG बड़ा करने पर फिर भी धुंधला होता है।

WebP को SVG में बदलें: ट्रेसिंग बनाम एम्बेडिंग

WebP, जिसे Google ने 2010 में जारी किया, एक रास्टर फॉर्मेट है: रंगीन पिक्सल की ग्रिड, जिसे वेब पर तेज़ी से लोड होने के लिए कंप्रेस किया जाता है। SVG, जो 2001 से W3C स्टैंडर्ड है, रेखाओं, कर्व और फ़िल को टेक्स्ट के रूप में बताता है। पहले को दूसरे में बदलने के दो बहुत अलग तरीके हैं, और ज़्यादातर फ्री कन्वर्टर वही चुनते हैं जो आपके काम नहीं आता।

एम्बेडिंग ऐसा SVG लिखती है जिसमें WebP base64 टेक्स्ट के रूप में रहती है। Base64 इमेज को लगभग एक तिहाई बढ़ा देता है, और नतीजा फिर भी बिटमैप ही रहता है, बस उस पर वेक्टर का लेबल लगा होता है। ट्रेसिंग, जो यहाँ और Inkscape के Trace Bitmap फ़ीचर में इस्तेमाल होती है (जो Potrace एल्गोरिद्म पर बना है), रंग के हिस्सों को पढ़कर उन्हें पाथ के रूप में लिखती है। नतीजा सच में स्केलेबल और एडिट करने लायक होता है, बस बारीक डिटेल कम हो जाती है। हमारी इमेज को SVG में बदलें गाइड हर ट्रेसिंग सेटिंग समझाती है।

ट्रेस की गई SVG बनाम एम्बेड की गई WebP: कौन-सी फ़ाइल क्या कर सकती है

ट्रेस किया गया SVGWebP को लपेटने वाला SVGओरिजिनल WebP
किसी भी ज़ूम पर तेज़yesnono
Illustrator या Inkscape में आकार एडिट करनाyesnono
Cricut या लेज़र कट पाथ के रूप में इस्तेमालyesnono
फोटो जैसी बारीक डिटेल बनी रहती हैnoyesyes
आम फ़ाइल साइज़डिटेल के साथ बढ़ता हैWebP से लगभग ⅓ बड़ासबसे छोटा
  1. WebP डिकोड करें

    पिक्सल और अल्फ़ा चैनल पढ़े जाते हैं; पारदर्शी हिस्से अलग रख दिए जाते हैं।

  2. रंगों को समूह में बाँटें

    मिलते-जुलते पिक्सल को आपके चुने रंगों की संख्या में मिला दिया जाता है।

  3. पाथ बनाएँ

    हर रंग का हिस्सा स्मूद कर्व बन जाता है, जो ऑप्टिमाइज़्ड SVG में लिखे जाते हैं।

WEBP

WebP इमेज

WebP एक इमेज फ़ॉर्मैट है जिसे Google ने 2010 में वेब पेज तेज़ लोड करने के लिए जारी किया। यह एक ही फ़ॉर्मैट में लॉसी और लॉसलेस कंप्रेशन, अल्फ़ा ट्रांसपेरेंसी और एनिमेशन को सपोर्ट करता है। लॉसी WebP फ़ाइलें समान दृश्य क्वालिटी वाली JPEG से आमतौर पर 25–35% छोटी होती हैं, और लॉसलेस WebP आमतौर पर PNG से छोटी होती है। सभी मौजूदा ब्राउज़र इसे सपोर्ट करते हैं, पर कुछ पुराने डेस्कटॉप सॉफ़्टवेयर, प्रिंट सेवाएँ और अपलोड फ़ॉर्म अब भी इसे अस्वीकार करते हैं। Windows, macOS और ज़्यादातर आधुनिक इमेज एडिटर WebP फ़ाइलें खोल सकते हैं।

कंप्रेशन
लॉसी या लॉसलेस
ट्रांसपेरेंसी (पारदर्शिता)
हाँ
एनिमेशन
हाँ
शुरुआत का वर्ष
2010 · Google
WEBP कन्वर्टर

SVG

Scalable Vector Graphics

SVG एक XML-आधारित वेक्टर फ़ॉर्मेट है, जिसे W3C ने 2001 में मानकीकृत किया। यह पिक्सल की जगह आकृतियों, पाथ और टेक्स्ट को बताता है, इसलिए किसी भी साइज़ पर तीखा रहता है और लोगो व आइकन के लिए आमतौर पर बहुत छोटा होता है। यह ट्रांसपेरेंसी, CSS स्टाइलिंग, स्क्रिप्टिंग और एनिमेशन को सपोर्ट करता है, और हर ब्राउज़र इसे सीधे रेंडर करता है। SVG फ़ोटो के लिए उपयुक्त नहीं है, और जटिल इलस्ट्रेशन रेंडर होने में धीमे हो सकते हैं। Illustrator, Inkscape, Figma और ब्राउज़र इसे खोल और एडिट कर सकते हैं।

कंप्रेशन
–
ट्रांसपेरेंसी (पारदर्शिता)
हाँ
एनिमेशन
हाँ
शुरुआत का वर्ष
2001 · W3C
SVG कन्वर्टर

लोग WebP को SVG में बदलना तब खोजते हैं जब वेबसाइट से सेव किए गए लोगो या आइकन को स्केलेबल, एडिट करने लायक या कट करने लायक बनाना हो, जो सिर्फ़ ट्रेसिंग से संभव है; उलटी दिशा वेब के लिए सीधा रास्टराइज़ेशन है।

वेबसाइट से सेव की गई WebP से साफ़ SVG पाएँ

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

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

WebP से SVG के बारे में सवाल

दूसरे WebP से SVG कन्वर्टर धुंधली फ़ाइल क्यों देते हैं?

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

क्या WebP फोटो को SVG में बदल सकते हैं?

कर सकते हैं, पर नतीजा पोस्टर जैसा दिखता है: स्मूद ग्रेडिएंट और स्किन टोन रंगों की सपाट पट्टियों में बदल जाते हैं। फोटो के लिए रास्टर फॉर्मेट ही बने हैं। फोटो को WebP, JPG या PNG में रखें, और सिर्फ़ वही लोगो, आउटलाइन या इलस्ट्रेशन वेक्टर के रूप में ट्रेस करें जिसकी आपको सच में ज़रूरत है।

क्या मेरी WebP का ट्रांसपेरेंट बैकग्राउंड ट्रांसपेरेंट ही रहेगा?

हाँ। पारदर्शी पिक्सल से कोई आकार नहीं बनता, इसलिए ट्रेस की गई आर्टवर्क के पीछे SVG में कुछ नहीं होता। स्टिकर या रंगीन बैकग्राउंड पर लगने वाले लोगो के लिए आमतौर पर यही चाहिए होता है।

WebP लोगो को कितने रंगों के साथ ट्रेस करना चाहिए?

जितने सपाट रंग दिखते हैं उन्हें गिनें और एंटी-एलियास्ड किनारों के लिए दो-तीन जोड़ दें। दो रंग का लोगो 4 पर साफ़ ट्रेस होता है; मैस्कॉट इलस्ट्रेशन को 16 से 24 तक चाहिए हो सकते हैं। बहुत ज़्यादा रंग रखने से हर किनारे पर आकार की पतली कतरनें बन जाती हैं।

क्या यह SVG Cricut या लेज़र कटर में इस्तेमाल हो सकती है?

हाँ, ट्रेस करने की यह एक मुख्य वजह है। Cricut Design Space SVG को हर रंग की अलग लेयर में इंपोर्ट करता है, और लेज़र सॉफ़्टवेयर पाथ को कट या एनग्रेव लाइन की तरह पढ़ता है। एक ही कट लाइन चाहिए तो ब्लैक एंड व्हाइट के साथ केवल आउटलाइन चुनें।

ट्रेस की गई SVG असली लोगो के मुकाबले ऊबड़-खाबड़ क्यों दिखती है?

वेबसाइट की कम रेज़ोल्यूशन वाली WebP फ़ाइलें अक्सर सिर्फ़ 100 से 200 px चौड़ी होती हैं, इसलिए ट्रेसर कुछ ही पिक्सल से कर्व का अंदाज़ा लगाता है। लोगो की बड़ी कॉपी ढूँढें, या पहले उसे इमेज का साइज़ बढ़ाएँ से बड़ा करें, फिर दोबारा ट्रेस करें।