सीधे कंटेंट पर जाएं
SPCXTools

इमेज से Base64

किसी भी इमेज को Base64 डेटा URI में बदलें और इसे प्लेन Base64, CSS बैकग्राउंड, HTML img टैग या Markdown के रूप में कॉपी करें।

लोकली चलता है — फ़ाइलें कभी आपकी डिवाइस से बाहर नहीं जातीं

टूल लोड हो रहा है…

इमेज से Base64 का इस्तेमाल कैसे करें

  1. 1कोई इमेज चुनें या उसे पेज पर ड्रॉप करें।
  2. 2आउटपुट फॉर्मेट चुनें — Data URI, प्लेन Base64, CSS, HTML या Markdown।
  3. 3प्रिव्यू के बगल में दिखाया गया एन्कोडेड साइज़ चेक करें।
  4. 4Copy पर क्लिक करें और जहाँ ज़रूरत हो वहाँ कोड पेस्ट करें।

इमेजेज़ को सीधे अपने कोड में एम्बेड करें

कभी-कभी आपको बिना किसी अलग फ़ाइल के इमेज की ज़रूरत होती है: जैसे स्टाइलशीट में आइकन, सिंगल-फ़ाइल HTML रिपोर्ट में लोगो, JSON API रिस्पॉन्स में प्लेसहोल्डर, Markdown डॉक्यूमेंट में इमेज या कंपोनेंट लाइब्रेरी में बैकग्राउंड। यह कनवर्टर किसी भी इमेज को Base64 में एन्कोड करता है और इसे पेस्ट करने के लिए तैयार करता है — एक डेटा URI, प्लेन Base64, CSS background-image, HTML <img> टैग या Markdown इमेज सिंटैक्स के रूप में।

विशेषताएँ

  • सभी सामान्य इमेज फॉर्मेट्स: PNG, JPG, GIF, WebP, AVIF, SVG, ICO और अन्य।
  • अलग-अलग उपयोगों के लिए पाँच आउटपुट फॉर्मेट्स।
  • ओरिजिनल फ़ाइल और एन्कोडेड टेक्स्ट के बीच साइज़ की तुलना।
  • ट्रांसपेरेंसी चेकरबोर्ड के साथ इमेज प्रीव्यू।
  • वन-क्लिक कॉपी।
  • प्राइवेट: फ़ाइल कभी भी आपके ब्राउज़र से बाहर नहीं जाती।

आउटपुट के उदाहरण

फॉर्मेट कैसा दिखता है
डेटा URI data:image/png;base64,iVBORw0KGgo…
Base64 iVBORw0KGgo…
CSS background-image: url("data:image/png;base64,…");
HTML <img src="data:image/png;base64,…" alt="logo">
Markdown ![logo](data:image/png;base64,…)

एम्बेडेड इमेजेज़ का साइज़ छोटा रखें

एम्बेडेड इमेजेज़ को अलग से कैश (cache) नहीं किया जा सकता है और वे उस पेज या स्टाइलशीट की हर कॉपी के साथ फिर से डाउनलोड होती हैं जिसमें वे शामिल होती हैं। एक सामान्य नियम के रूप में, केवल कुछ किलोबाइट से छोटी इमेजेज़ को ही एम्बेड करें। इमेजेज़ को पहले Compress Image से छोटा करें, अगर बिटमैप की ज़रूरत हो तो SVG to PNG से वेक्टर आइकन्स को कनवर्ट करें, या Base64 एन्कोडर से अन्य फ़ाइलों और टेक्स्ट को एन्कोड करें।

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

डेटा URI क्या है?
डेटा URI किसी फ़ाइल को सीधे टेक्स्ट में एम्बेड करता है, जिसका फ़ॉर्मेट data:image/png;base64, और उसके बाद एन्कोडेड बाइट्स होते हैं। ब्राउज़र इसे बिल्कुल URL से लोड की गई इमेज की तरह ही दिखाते हैं, लेकिन इसके लिए किसी अलग रिक्वेस्ट की ज़रूरत नहीं होती।
Base64 वर्ज़न इमेज से बड़ा क्यों होता है?
Base64 हर 3 बाइट्स को 4 टेक्स्ट कैरेक्टर्स में एन्कोड करता है, इसलिए रिज़ल्ट ओरिजिनल फ़ाइल से लगभग 33% बड़ा होता है। जब किसी पेज को gzip या Brotli कम्प्रेशन के साथ सर्व किया जाता है, तो इस ओवरहेड का कुछ हिस्सा रिकवर हो जाता है।
मुझे इमेजेज़ को Base64 के रूप में कब एम्बेड करना चाहिए?
छोटी इमेजेज़ के लिए — जैसे आइकॉन, छोटे लोगो, प्लेसहोल्डर और HTML ईमेल या सिंगल-फ़ाइल डॉक्युमेंट्स में मौजूद इमेजेज़ — जहाँ एक्स्ट्रा रिक्वेस्ट से बचना ज़रूरी हो। बड़ी फ़ोटोज़ के लिए, नॉर्मल इमेज फ़ाइल बेहतर होती है क्योंकि इसे अलग से कैश किया जा सकता है और यह आपके HTML या CSS का साइज़ नहीं बढ़ाती।
क्या ईमेल क्लाइंट्स Base64 इमेजेज़ दिखाते हैं?
इसका सपोर्ट अलग-अलग होता है। कई वेबमेल क्लाइंट्स data-URI इमेजेज़ को ब्लॉक कर देते हैं या हटा देते हैं, इसलिए न्यूज़लेटर्स के लिए इमेजेज़ को होस्ट करना या उन्हें इनलाइन अटैचमेंट के रूप में जोड़ना ज़्यादा भरोसेमंद होता है।
क्या मेरी इमेज अपलोड होती है?
नहीं। इमेज को आपके ब्राउज़र द्वारा ही रीड और एन्कोड किया जाता है। सर्वर पर कुछ भी नहीं भेजा जाता।
Base64 एनकोड और डिकोडटेक्स्ट और फाइल्स को Base64 में बदलें और वापस लाएं, पूर्ण UTF-8 और Base64URL सपोर्ट के साथ।SVG से PNGSVG वेक्टर ग्राफ़िक्स को किसी भी साइज़ में स्पष्ट PNG इमेज में बदलें, पारदर्शिता बरकरार रखते हुए।इमेज कंप्रेस करेंक्वालिटी के आधार पर या KB में सटीक टारगेट साइज सेट करके इमेज का साइज कम करें — एक साथ कई फाइलें, बिना अपलोड किए।URL एनकोड और डिकोडURL के लिए टेक्स्ट को परसेंट-एनकोड करें, या एनकोड किए गए URL और क्वेरी स्ट्रिंग्स को वापस पढ़ने योग्य टेक्स्ट में डिकोड करें।Base64 से Imageअपने ब्राउज़र में तुरंत Base64 स्ट्रिंग्स और Data URIs को डिकोड करके देखने और डाउनलोड करने योग्य images में बदलें।Chmod कैलकुलेटरचेकबॉक्स, 755 जैसे ऑक्टल नंबर और rwxr-xr-x जैसी सिम्बोलिक परमिशन के बीच कन्वर्ट करें।