इमेज को Base64 में बदलें

किसी इमेज को Base64 स्ट्रिंग में बदलें।

इमेज खींचकर छोड़ें, या चुनने के लिए क्लिक करें

एक फ़ाइल चुनें

उपयोग के उदाहरण

छोटे आइकन को सीधे CSS में डालना

अलग इमेज रिक्वेस्ट से बचने के लिए नतीजे को सीधे CSS के background-image: url(data:image/png;base64,...) में डालने के लिए इस्तेमाल करें।

इमेज को JSON या कॉन्फ़िग फ़ाइल में शामिल करना

जब आपको सर्वर रिक्वेस्ट के बिना सैंपल इमेज डेटा को कोड या कॉन्फ़िग फ़ाइल में टेक्स्ट के रूप में शामिल करना हो, तब उपयोगी है।

ईमेल के HTML में इमेज इनलाइन डालना

ऐसे मेल क्लाइंट के लिए जो बाहरी इमेज लिंक ब्लॉक करते हैं, इमेज को Data URI में बदलकर सीधे HTML में शामिल किया जा सकता है।

अक्सर पूछे जाने वाले सवाल

क्या मेरी अपलोड की गई इमेज सर्वर पर भेजी जाती है?

नहीं। कन्वर्ज़न पूरी तरह आपके ब्राउज़र में होता है, और इमेज कभी सर्वर पर नहीं भेजी जाती।

Data URI और सिर्फ़ Base64 में क्या अंतर है?

Data URI वह पूरी स्ट्रिंग है जो data:image/png;base64, से शुरू होती है, जिसे सीधे <img src="..."> या CSS के url() में पेस्ट किया जा सकता है। सिर्फ़ Base64 में उसके बाद आने वाली सिर्फ़ मूल एन्कोड की गई वैल्यू होती है, जो तब उपयोगी है जब आप कहीं और खुद फ़ॉर्मेट स्ट्रिंग बना रहे हों।

क्या Base64 में बदलने से डेटा बड़ा हो जाता है?

हां। Base64 एन्कोडिंग मूल से लगभग 33% बड़ी होती है। यह बाइनरी इमेज डेटा को टेक्स्ट के रूप में सुरक्षित तरीके से दिखाने का ट्रेड-ऑफ़ है, इसलिए जब तक ज़रूरी न हो, बड़ी इमेज को इस तरह भेजने से बचें।

कौन-से इमेज फॉर्मेट सपोर्टेड हैं?

JPG, PNG, WebP, GIF और लगभग हर वह इमेज फॉर्मेट जिसे आपका ब्राउज़र पढ़ सकता है।