इमेज से Base64 (Data URI) कन्वर्टर
ब्राउज़र में इमेज को Base64 data URI में बदलें और साइज़ की जानकारी के साथ तैयार HTML img, CSS background और Markdown स्निपेट कॉपी करें।
पूरी तरह आपके ब्राउज़र में चलता है। आपका डेटा कभी अपलोड नहीं होता।
इमेज से Base64 क्या है?
यह टूल इमेज फ़ाइल को Base64 में एन्कोड करता है ताकि उसे सीधे HTML, CSS, JSON या Markdown में एम्बेड किया जा सके। यह पूरा data URI (data:image/png;base64,…), रॉ Base64 स्ट्रिंग, और कॉपी करने लायक <img>, CSS background-image व Markdown स्निपेट देता है, साथ में इमेज साइज़ और Base64 ओवरहेड भी बताता है।
इमेज से Base64 का उपयोग कैसे करें
- इमेज (PNG, JPEG, GIF, WebP, SVG, ICO…) छोड़ें, चुनें या पेस्ट करें।
- पहचाना गया फ़ॉर्मेट, आयाम, फ़ाइल साइज़ और data URI की लंबाई पढ़ें।
- जो रूप चाहिए उसके बगल में कॉपी करें पर क्लिक करें: data URI, रॉ Base64, HTML स्निपेट, CSS बैकग्राउंड या Markdown।
उदाहरण
30×30 PNG filled with #3366CC (99 bytes)
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAIAAAC0Ujn1AAAAKklEQVR4nGM0TjvDQBvARCNzR40eNXrU6FGjR40eNXrU6FGjR40eEUYDACc1AaFANYRxAAAAAElFTkSuQmCC
इमेज से Base64 का उपयोग कब करें
एक HTTP रिक्वेस्ट बचाने के लिए आइकन, छोटे लोगो या प्लेसहोल्डर जैसी छोटी इमेज इनलाइन करें, या इमेज को सिंगल-फ़ाइल HTML, ईमेल, JSON API या ऐसे CSS में एम्बेड करें जिसे आत्मनिर्भर होना चाहिए। लगभग 20 KB से बड़ी इमेज के लिए इससे बचें: वे आपके HTML/CSS को फुला देती हैं और अलग से कैश नहीं हो सकतीं।
इमेज से Base64 कैसे काम करता है
फ़ाइल के बाइट File.arrayBuffer() से पढ़े जाते हैं, असली फ़ॉर्मेट फ़ाइल एक्सटेंशन पर भरोसा करने की बजाय उसके मैजिक बाइट से पहचाना जाता है (जैसे PNG के लिए 89 50 4E 47), और बाइट btoa से Base64 में एन्कोड होते हैं। data URI data:<mime>;base64,<base64> होता है। Base64 हर 3 बाइट को 4 अक्षरों में दिखाता है, इसलिए टेक्स्ट फ़ाइल से लगभग 33% बड़ा होता है।
सामान्य उपयोग मामले
- किसी छोटे आइकन को सीधे CSS फ़ाइल में एम्बेड करना।
- लोगो को HTML ईमेल टेम्पलेट या ऑफ़लाइन सिंगल-फ़ाइल पेज में डालना।
- API को JSON पेलोड के अंदर इमेज भेजना।
- आत्मनिर्भर Markdown या Jupyter दस्तावेज़ लिखना।
सुरक्षा नोट
इमेज आपके ब्राउज़र में Canvas API से ही डिकोड, प्रोसेस और एन्कोड होती हैं। कुछ भी सर्वर पर अपलोड नहीं होता।
अक्सर पूछे जाने वाले प्रश्न
Base64 मेरी फ़ाइल से बड़ा क्यों है?
Base64 हर 3 बाइट के लिए 4 टेक्स्ट अक्षर इस्तेमाल करता है, इसलिए एन्कोड की गई स्ट्रिंग लगभग 33% बड़ी होती है (साथ में पैडिंग और data URI प्रीफ़िक्स के कुछ बाइट)।
क्या टूल मेरी इमेज बदलता या कंप्रेस करता है?
नहीं। यह आपकी फ़ाइल के सटीक बाइट एन्कोड करता है। छोटा नतीजा चाहिए तो पहले इमेज कंप्रेसर इस्तेमाल करें।
क्या मैं Base64 को वापस इमेज में बदल सकता हूँ?
हाँ, Base64 से इमेज टूल इस्तेमाल करें, जो data URI या रॉ Base64 स्वीकार करता है और आपको फ़ाइल डाउनलोड करने देता है।