वेक्टर जो हमेशा शार्प रहें
Base64 से SVG कन्वर्टर
Base64 स्ट्रिंग को ऐसी SVG फ़ाइल में डिकोड करें जिसे आप खोल सकें, एडिट कर सकें और किसी भी साइज़ में स्केल कर सकें। CSS बैकग्राउंड और डेटा URL से आइकन निकालने में यह काम आता है।
आपकी इमेज यहाँ दिखेगी
कुछ भी अपलोड नहीं होता। डिकोडिंग इसी डिवाइस पर होती है।
- फ़ॉर्मैट
- —
- डाइमेंशन
- —
- फ़ाइल साइज़
- —
- Base64 की लंबाई
- —
- प्राइवेसी पहले
- असली फ़ॉर्मैट डिटेक्शन
- न कोई लिमिट, न अकाउंट
Base64 को इमेज में कैसे कन्वर्ट करें
स्ट्रिंग पेस्ट करें
रॉ Base64 या पूरा
data:image/...;base64,URL डालें। कोट्स, लाइन ब्रेक और CSS काurl()रैपर अपने आप हट जाते हैं।डिकोड होते देखें
फ़ॉर्मैट का अंदाज़ा नहीं लगाया जाता, उसे फ़ाइल सिग्नेचर से पढ़ा जाता है। इमेज तुरंत अपने डाइमेंशन और साइज़ के साथ दिख जाती है।
इमेज सेव करें
ओरिजिनल फ़ाइल डाउनलोड करें, उसे PNG, JPG या WebP में दोबारा एनकोड करें, या सीधे क्लिपबोर्ड पर कॉपी कर लें।
Base64 SVG इमेज के बारे में
SVG (Scalable Vector Graphics) शेप्स को पिक्सेल की जगह XML टेक्स्ट में लिखता है, इसलिए यह हर रेज़ोल्यूशन पर शार्प रहता है और आइकन व लोगो के लिए आम तौर पर बहुत छोटा होता है।
Base64 SVG आम तौर पर PHN2Zy (यानी <svg का एनकोडेड रूप) या PD94bWwg (यानी <?xml का एनकोडेड रूप) से शुरू होता है। इसका मीडिया टाइप image/svg+xml है।
डेवलपर्स के काम करने के तरीके के हिसाब से बना
प्राइवेसी पहले
डिकोडिंग आपके डिवाइस पर JavaScript में चलती है। स्ट्रिंग कभी किसी सर्वर पर नहीं भेजी जाती, इसलिए टोकन, स्क्रीनशॉट और कस्टमर डेटा आपके पास ही रहते हैं।
असली फ़ॉर्मैट डिटेक्शन
मैजिक बाइट्स से PNG, JPEG, GIF, WebP, SVG, BMP, ICO और AVIF की पहचान होती है, भले ही डेटा URL का प्रीफ़िक्स गायब हो या गलत हो।
हर तरह का इनपुट चलता है
URL-safe Base64, छूटी हुई
=पैडिंग, कई लाइनों में टूटी स्ट्रिंग, JSON-एस्केप्ड स्ट्रिंग और आसपास लगे कोट्स, सब संभाल लेता है।फ़ाइल की सटीक जानकारी
पिक्सेल डाइमेंशन, डिकोड हुई फ़ाइल का साइज़ और स्ट्रिंग की लंबाई दिखाता है, जो API पेलोड चेक करते समय काम आता है।
फ़ॉर्मैट कन्वर्ज़न
किसी भी डिकोड हुई इमेज को पेज छोड़े बिना PNG, JPG या WebP में दोबारा एनकोड करें।
न कोई लिमिट, न अकाउंट
इस्तेमाल पूरी तरह फ़्री है। न साइन-अप, न वॉटरमार्क, न रोज़ का कोटा।
Base64 इमेज क्या होती है?
Base64 बाइनरी डेटा को 64 प्रिंट होने लायक कैरेक्टर में लिखने का तरीका है: A–Z, a–z, 0–9, + और /। इसकी परिभाषा RFC 4648 में दी गई है। फ़ाइल के हर 3 बाइट टेक्स्ट के 4 कैरेक्टर बन जाते हैं, इसलिए Base64 इमेज ओरिजिनल फ़ाइल से करीब 33% बड़ी होती है।
डेटा URL, जिसकी परिभाषा RFC 2397 में है, उस टेक्स्ट के साथ मीडिया टाइप जोड़ देता है ताकि ब्राउज़र उसे सीधे रेंडर कर सके: data:image/png;base64,iVBORw0KGgo...। छोटी इमेज को HTML, CSS, JSON API रिस्पॉन्स, ईमेल और SVG फ़ाइलों के अंदर इसी तरह एम्बेड किया जाता है।
Base64 को इमेज में कन्वर्ट करना इसी प्रोसेस को उलटना है। टेक्स्ट को वापस ओरिजिनल बाइट्स में डिकोड करके एक सामान्य इमेज फ़ाइल के रूप में सेव किया जाता है, जो एनकोड की गई फ़ाइल से हूबहू मिलती है।
इमेज फ़ॉर्मैट और उनके Base64 सिग्नेचर
Base64 स्ट्रिंग के शुरुआती कैरेक्टर से इमेज का फ़ॉर्मैट पता चल जाता है, क्योंकि हर फ़ॉर्मैट तय सिग्नेचर बाइट्स से शुरू होता है।
| फ़ॉर्मैट | MIME टाइप | Base64 की शुरुआत | ट्रांसपेरेंसी | एनिमेशन | किसके लिए बेहतर |
|---|---|---|---|---|---|
| PNG | image/png | iVBORw0KGgo | हाँ | नहीं | लोगो, आइकन, स्क्रीनशॉट |
| JPG | image/jpeg | /9j/ | नहीं | नहीं | फ़ोटो |
| GIF | image/gif | R0lGOD | हाँ | हाँ | छोटे और सरल एनिमेशन |
| WebP | image/webp | UklGR | हाँ | हाँ | वेब के लिए हल्की इमेज |
| SVG | image/svg+xml | PHN2Zy | हाँ | हाँ | स्केलेबल आइकन और इलस्ट्रेशन |
| BMP | image/bmp | Qk | नहीं | नहीं | बिना कम्प्रेशन वाले पुराने बिटमैप |
| ICO | image/x-icon | AAABAA | हाँ | नहीं | फ़ेविकॉन |
कोड से Base64 को SVG में डिकोड करें
अगर यही काम किसी स्क्रिप्ट में करना हो, तो ये स्निपेट Base64 स्ट्रिंग को इमेज फ़ाइल में लिख देते हैं।
const img = new Image();
img.src = `data:image/svg+xml;base64,${b64}`;
document.body.append(img);import { writeFileSync } from 'node:fs';
writeFileSync('image.svg', Buffer.from(b64, 'base64'));import base64
with open("image.svg", "wb") as f:
f.write(base64.b64decode(b64))base64 --decode image.txt > image.svgअक्सर पूछे जाने वाले सवाल
क्या डिकोड करने के बाद SVG एडिट किया जा सकता है?
हाँ। डाउनलोड हुई फ़ाइल सादा XML टेक्स्ट है। इसे किसी भी कोड एडिटर में, या Figma, Inkscape या Illustrator में खोलें।
क्या CSS में SVG को Base64 एनकोड करना ज़रूरी है?
नहीं। SVG टेक्स्ट है, इसलिए उसे URL-एनकोड भी किया जा सकता है, जो आम तौर पर छोटा पड़ता है। Base64 ज़्यादातर तब इस्तेमाल होता है जब कोई टूल या API इसकी माँग करे।
क्या SVG को PNG के रूप में सेव किया जा सकता है?
हाँ। इस रूप में सेव करें मेन्यू से वेक्टर को उसके नैचुरल साइज़ पर PNG, JPG या WebP में रेंडर करें।
Base64 SVG को कैसे पहचानें?
यह PHN2Zy या PD94bWwg से शुरू होता है। डेटा URL के रूप में यह ऐसा दिखता है: data:image/svg+xml;base64,PHN2Zy...।
क्या मेरा Base64 डेटा किसी सर्वर पर अपलोड होता है?
नहीं। डिकोडिंग आपके ब्राउज़र के अंदर JavaScript से होती है। स्ट्रिंग और उससे बनी इमेज कहीं नहीं भेजी जाती, इसलिए यह टूल प्राइवेट या संवेदनशील इमेज के लिए सुरक्षित है।
कौन-कौन से इमेज फ़ॉर्मैट सपोर्ट होते हैं?
PNG, JPEG, GIF, WebP, SVG, BMP, ICO और AVIF। फ़ॉर्मैट फ़ाइल सिग्नेचर से पहचाना जाता है, इसलिए data:image/... प्रीफ़िक्स के बिना भी काम करता है।