इमेज से Base64 कन्वर्टर: data URI, HTML और CSS
इमेज को Base64 स्ट्रिंग या data URI में बदलें, पेस्ट के लिए तैयार HTML img, CSS background और JSON आउटपुट के साथ। ब्राउज़र में चलता है।
इमेज से Base64 कन्वर्टर लोड हो रहा है…
आपकी फ़ाइलें कभी आपके डिवाइस से बाहर नहीं जातीं
इमेज से Base64 कन्वर्टर का इस्तेमाल कैसे करें
- 1
इस पेज पर इमेज से Base64 कन्वर्टर खोलें। यह सीधे आपके ब्राउज़र में लोड होता है।
- 2
अपनी फ़ाइल, टेक्स्ट या वैल्यू जोड़ें और सेटिंग बदलें।
- 3
नतीजा कॉपी या डाउनलोड करें। कुछ भी अपलोड या स्टोर नहीं होता।
इमेज को Base64 में कैसे बदलें
Base64 इमेज के बाइनरी डेटा को अक्षरों, अंकों और कुछ चिह्नों से बने सादे टेक्स्ट में बदलता है। यह टेक्स्ट सीधे वहाँ डाला जा सकता है जहाँ सिर्फ़ टेक्स्ट की अनुमति हो: HTML या CSS में data URI के रूप में, API को भेजे गए JSON पेलोड में, ईमेल टेम्पलेट में या कॉन्फ़िगरेशन फ़ाइल में। दिखाते समय ब्राउज़र इसे वापस मूल इमेज में डिकोड कर देता है।
कन्वर्टर आपकी इमेज ब्राउज़र में पढ़कर तुरंत एनकोडेड स्ट्रिंग देता है, तैयार स्निपेट्स के साथ: पूरा data URI (data:image/png;base64,…), सिर्फ़ रॉ Base64 स्ट्रिंग, एक HTML img टैग, एक CSS background-image नियम और एक JSON ऑब्जेक्ट। इनमें से कोई भी क्लिपबोर्ड पर कॉपी करें या आउटपुट को टेक्स्ट या JSON फ़ाइल के रूप में डाउनलोड करें। 10 MB तक की इमेज स्वीकार हैं।
इमेज से Base64 कन्वर्टर का इस्तेमाल कैसे करें
- इमेज अपलोड करें या ड्रॉप करें (JPG, PNG, WebP, GIF, SVG और ब्राउज़र द्वारा सपोर्टेड दूसरे फ़ॉर्मेट, 10 MB तक)। मूल फ़ाइल का फ़ॉर्मेट, डाइमेंशन और साइज़ दिखता है।
- आउटपुट फ़ॉर्मेट चुनें: Data URI, Base64 Only, CSS Background, HTML Image या JSON।
- एक क्लिक से नतीजा कॉपी करें या डाउनलोड करें, फिर इसे अपने HTML, CSS, JavaScript या API अनुरोध में पेस्ट करें।
- बहुत बड़ी इमेज इस्तेमाल करने से पहले स्टैटिस्टिक्स पैनल में कैरेक्टर गिनती और एनकोडेड साइज़ जाँचें।
Base64 इमेज कब समझदारी हैं
- छोटे आइकन और लोगो CSS या HTML में, अलग HTTP अनुरोध बचाने के लिए।
- HTML ईमेल टेम्पलेट जहाँ बाहरी इमेज ब्लॉक हो सकती हैं।
- API और JSON जो इमेज सिर्फ़ टेक्स्ट फ़ील्ड के रूप में स्वीकार करते हैं।
- सिंगल-फ़ाइल डेमो और प्रोटोटाइप जिन्हें बाहरी एसेट के बिना काम करना हो।
आउटपुट के उदाहरण
data URI कुछ ऐसा दिखता है data:image/png;base64,iVBORw0KGgo… और जहाँ भी URL अपेक्षित हो, इस्तेमाल हो सकता है। HTML में यह <img src="data:image/png;base64,…" alt=""> बनता है, और CSS में background-image: url(data:image/png;base64,…)। JSON आउटपुट स्ट्रिंग को उसके MIME टाइप और डाइमेंशन के साथ लपेटता है, जो API पेलोड और टेस्ट डेटा के लिए सुविधाजनक है।
साइज़ और परफ़ॉर्मेंस
क्योंकि Base64 बाइनरी फ़ाइल से लगभग 33% बड़ा है और उसे रखने वाले HTML या CSS के साथ पार्स होता है, एम्बेड करना मुख्य रूप से कुछ किलोबाइट से छोटी इमेज के लिए फ़ायदेमंद है, जैसे आइकन, छोटे लोगो और प्लेसहोल्डर। पहले इमेज को कंप्रेस या रीसाइज़ करें, बेहतर हो तो सटीक डिस्प्ले साइज़ तक, ताकि एनकोडेड स्ट्रिंग छोटी रहे और आपके पेज तेज़ रहें।
Base64 डेटा को मूल फ़ाइल से लगभग एक तिहाई बड़ा बना देता है, और एम्बेड की गई इमेज को ब्राउज़र अलग से कैश नहीं कर सकता। इसे छोटी इमेज के लिए इस्तेमाल करें; फ़ोटो और बड़े ग्राफ़िक्स के लिए इमेज कंप्रेसर से कंप्रेस की गई सामान्य इमेज फ़ाइल तेज़ है।
प्राइवेट, मुफ़्त और तेज़
यह टूल पूरी तरह आपके ब्राउज़र में चलता है: आपकी फ़ाइलें और टेक्स्ट आपके अपने डिवाइस पर प्रोसेस होते हैं और किसी सर्वर पर अपलोड नहीं होते। न साइन-अप, न वॉटरमार्क, न रोज़ की सीमा।
विशेषताएं
- data URI और रॉ Base64 आउटपुट
- तैयार HTML img और CSS background स्निपेट
- API के लिए JSON आउटपुट
- क्लिपबोर्ड पर कॉपी या डाउनलोड
- कैरेक्टर गिनती और एनकोडेड साइज़ दिखाता है
- 10 MB तक की इमेज, ब्राउज़र में प्रोसेस
अक्सर पूछे जाने वाले सवाल
Base64 इमेज क्या है?
ऐसी इमेज जिसका बाइनरी डेटा टेक्स्ट के रूप में एनकोड किया गया हो। data URI के रूप में इसे अलग फ़ाइल से लिंक करने के बजाय सीधे HTML या CSS में रखा जा सकता है।
क्या Base64 इमेज को बड़ा बनाता है?
हाँ, लगभग 33%, क्योंकि हर 3 बाइट 4 कैरेक्टर बन जाते हैं। यह छोटी इमेज के लिए सबसे अच्छा है।
HTML में Base64 इमेज कैसे इस्तेमाल करूँ?
HTML Image आउटपुट चुनें और बना हुआ img टैग पेस्ट करें, या data URI को किसी भी img एलिमेंट के src एट्रिब्यूट में डालें।
CSS में इसे कैसे इस्तेमाल करूँ?
CSS Background आउटपुट चुनें; यह data URI के साथ background-image नियम बनाता है जिसे आप अपनी स्टाइलशीट में पेस्ट कर सकते हैं।
Base64 को वापस इमेज में कैसे बदलूँ?
इमेज देखने के लिए data URI को ब्राउज़र के एड्रेस बार में पेस्ट करें, या किसी भी Base64 डिकोडर से स्ट्रिंग डिकोड करके बाइट्स को सही एक्सटेंशन के साथ सेव करें।
क्या मेरी फ़ाइलें सर्वर पर अपलोड होती हैं?
नहीं। सब कुछ आपके ब्राउज़र में लोकल रूप से प्रोसेस होता है और कुछ भी सर्वर पर नहीं भेजा जाता। टैब बंद करते ही आपका डेटा हट जाता है।