होम
इमेज टूल्स
छवि को बेस64 में बदलें

छवि से बेस64 एनकोडर HTML, CSS और कोड में एम्बेड करने के लिए छवियों को Base64-एन्कोडेड डेटा यूआरआई में परिवर्तित करें।

🖼️

छवि को बेस64 में बदलें

HTML, CSS और कोड में एम्बेड करने के लिए छवियों को Base64-एन्कोडेड डेटा यूआरआई में परिवर्तित करें।

अपनी छवि अपलोड करें

किसी भी छवि फ़ाइल को Base64 के रूप में एन्कोड करने के लिए ड्रॉप या चुनें।

आउटपुट कॉपी करें

डेटा यूआरआई, कच्चा Base64 स्ट्रिंग, या पूर्ण HTML इमेज टैग को कॉपी करें।

कोड में उपयोग करें

Base64 डेटा को सीधे अपने HTML, CSS, या जावास्क्रिप्ट कोड में पेस्ट करें।

Loading tool...

What Is छवि को बेस64 में बदलें?

एक इमेज टू बेस64 एनकोडर छवि फ़ाइलों को HTML, CSS या जावास्क्रिप्ट कोड में सीधे एम्बेड किए जाने वाले पाठ स्ट्रिंग्स में परिवर्तित करता है। बेस64 एनकोडिंग द्वारा बाइनरी इमेज डेटा को एएससीआईआई अक्षरों के रूप में दर्शाया जाता है, जिससे अलग फ़ाइल अनुरोधों के बिना छवियों को इनलाइन शामिल करना संभव हो जाता है। यह टूल तीन आउटपुट उत्पन्न करता है: एक पूर्ण डेटा यूआरआई, एपीआई के लिए रॉ बेस64 स्ट्रिंग और एक तैयार-टू-पेस्ट HTML इमेज टैग। यह विशेष रूप से छोटे आइकनों, लोगो और यूआई तत्वों के लिए उपयोगी है जहां एचटीटीपी अनुरोधों को कम करने से प्रदर्शन में सुधार होता है।

Why Use छवि को बेस64 में बदलें?

तीन आउटपुट फॉर्मेट: डेटा यूआरआई, कच्चा Base64, और HTML टैग
छोटी छवियों के लिए HTTP अनुरोधों को समाप्त करता है
HTML, CSS, और जावास्क्रिप्ट के लिए कॉपी-पेस्ट तैयार
आकार अनुमान के लिए Base64 लंबाई दिखाता है

Common Use Cases

HTML में इनलाइन छवियाँ

HTTP अनुरोधों को कम करने के लिए HTML में सीधे छोटी छवियों को एम्बेड करें।

CSS बैकग्राउंड छवियाँ

CSS बैकग्राउंड-इमेज गुणों में Base64 डेटा यूआरआई का उपयोग करें।

ईमेल टेम्पलेट्स

टूटी हुई छवि लिंक से बचने के लिए HTML ईमेल में सीधे छवियों को एम्बेड करें।

एपीआई पेलोड

Base64-एन्कोडेड छवियों को स्वीकार करने वाले एपीआई के लिए जेसन पेलोड में छवि डेटा शामिल करें।

Technical Guide

बेस64 एनकोडिंग बाइनरी इमेज डेटा को 64 एएससीआईआई अक्षरों की एक स्ट्रिंग में परिवर्तित करती है। फ़ाइलरीडर एपीआई readAsDataURL विधि फ़ाइल को पढ़ती है और एक डेटा यूआरआई उत्पन्न करती है। बेस64 एनकोडिंग डेटा आकार को लगभग 33% बढ़ा देती है क्योंकि प्रत्येक 3 बाइनरी बाइट्स 4 बेस64 अक्षर बन जाते हैं। इस कारण से, यह छोटी छवियों के लिए सबसे अधिक कुशल है, जो 10KB से कम होती हैं।

Tips & Best Practices

1
छोटी छवियों (आइकन, लोगो) के लिए सबसे अच्छा है जो 10KB से कम हैं ताकि कोड ब्लॉट से बचा जा सके
2
Base64 फ़ाइल आकार को लगभग 33% बढ़ाता है - बड़ी छवियों के लिए इसका उपयोग न करें
3
CSS में डेटा यूआरआई को अलग से कैश नहीं किया जा सकता है जैसे बाहरी छवियाँ
4
वेब पेजों में त्वरित कॉपी-पेस्ट के लिए HTML इमेज टैग आउटपुट का उपयोग करें

Related Tools

छवि प्रारूप परिवर्तक

जेपीजी, पीएनजी और वेबपी प्रारूपों के बीच छवियों को गुणवत्ता नियंत्रण के साथ परिवर्तित करें।

🖼️ Image Tools

पीएनजी से एसवीजी

रास्टर छवियों को वेक्टर-संगत वर्कफ़्लोज़ के लिए एक एसवीजी कंटेनर में रैप करें।

🖼️ Image Tools

बेस64 से छवि

बेस64 स्ट्रिंग्स या डेटा यूआरआई को फिर से दिखने वाली, डाउनलोड करने योग्य छवियों में बदलें।

🖼️ Image Tools

फेविकॉन जनरेटर

किसी भी छवि से कई आकारों (16x16, 32x32, 48x48 और अधिक) में फेविकॉन बनाएं।

🖼️ Image Tools

Frequently Asked Questions

Q मुझे Base64 छवियों का उपयोग कब करना चाहिए?

छोटी छवियों (आइकन, लोगो) के लिए जो 10KB से कम हैं जहाँ HTTP अनुरोधों को कम करने से 33% आकार वृद्धि को पार करता है।

Q Base64 मूल फ़ाइल से बड़ा क्यों होता है?

Base64 एन्कोडिंग 3 बाइट्स को 4 अक्षरों में परिवर्तित करती है, जिससे लगभग 33% आकार वृद्धि होती है।

Q क्या मैं CSS में Base64 का उपयोग कर सकता हूँ?

हाँ, बैकग्राउंड-इमेज: यूआरएल(डेटा: इमेज/पीएनजी;बेस64,...) या अन्य सीएसएस छवि गुणों में डेटा यूआरआई का उपयोग करें।

Q क्या यह सभी छवि प्रारूपों के साथ काम करता है?

हाँ, आपके ब्राउज़र द्वारा समर्थित कोई भी छवि प्रारूप Base64 में एन्कोड किया जा सकता है।

Q क्या आकार सीमा है?

कोई कड़ी सीमा नहीं है, लेकिन 100KB से अधिक छवियों के लिए Base64 कोड को अव्यवस्थित बनाता है।

About This Tool

छवि को बेस64 में बदलें is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.