Image to Base64 | Free Edu & .COM Temporary Mails
← सभी उपकरण / Image to Base64

🔤 बेस64 कन्वर्टर के लिए छवि

किसी भी छवि को बेस64 डेटा यूआरएल में बदलें। छवियों को सीधे HTML या CSS में एम्बेड करने के लिए उपयोगी।

🖼️

छवि यहां छोड़ें या ब्राउज़ करने के लिए क्लिक करें

बेस64 आउटपुट

छवि से बेस64 रूपांतरण क्या है?

छवि से बेस64 रूपांतरण एक छवि फ़ाइल को बेस64 टेक्स्ट स्ट्रिंग में एन्कोड करता है - विशेष रूप से एक डेटा यूआरएल जैसा data:image/png;base64,iVBOR.... यह आपको अलग छवि फ़ाइल या HTTP अनुरोध की आवश्यकता के बिना छवि को सीधे HTML, CSS, या JSON में एम्बेड करने की अनुमति देता है। ब्राउज़र बेस64 स्ट्रिंग को तुरंत डीकोड करता है और छवि को सामान्य रूप से प्रदर्शित करता है।

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

बेस64 पर छवि का उपयोग कैसे करें

  1. अपनी छवि को अपलोड ज़ोन पर छोड़ें या क्लिक करें छवि चुनें.
  2. संपूर्ण बेस64 डेटा यूआरएल तुरंत आउटपुट बॉक्स में दिखाई देता है।
  3. क्लिक पूर्ण डेटा यूआरएल कॉपी करें प्रतिलिपि बनाने के लिए data:image/png;base64,... HTML या CSS में उपयोग के लिए.
  4. क्लिक केवल बेस64 कॉपी करें एपीआई या डेटाबेस में उपयोग के लिए केवल एन्कोडेड स्ट्रिंग (डेटा यूआरएल उपसर्ग के बिना) की प्रतिलिपि बनाने के लिए।

बेस64 टूल के लिए हमारी छवि का उपयोग क्यों करें?

  • 100% मुफ़्त - फ़ाइल आकार या रूपांतरण पर कोई सीमा नहीं।
  • कोई पंजीकरण नहीं - बिना किसी खाते के त्वरित रूपांतरण।
  • ब्राउज़र आधारित — आपकी छवि FileReader API का उपयोग करके स्थानीय रूप से पढ़ी जाती है — कभी भी सर्वर पर नहीं भेजी जाती।
  • दो प्रतिलिपि विकल्प - पूर्ण डेटा यूआरएल या सिर्फ कच्ची बेस64 स्ट्रिंग को अलग से कॉपी करें।
  • आकार की जानकारी — मूल फ़ाइल आकार और बेस 64 स्ट्रिंग लंबाई दिखाता है ताकि आपको यह तय करने में मदद मिल सके कि एम्बेड करना समझ में आता है या नहीं।

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

संपूर्ण डेटा URL की प्रतिलिपि बनाएँ और इसे img टैग की src विशेषता के रूप में उपयोग करें: <img src="data:image/png;base64,iVBOR..." alt="My image">. आप इसे CSS में भी उपयोग कर सकते हैं: background-image: url('data:image/png;base64,...');. ब्राउज़र इसे बिल्कुल बाहरी रूप से लिंक की गई छवि की तरह प्रस्तुत करेगा।

बेस64 एन्कोडिंग से फ़ाइल का आकार लगभग 33% बढ़ जाता है। ऐसा इसलिए है क्योंकि यह बाइनरी डेटा के 3 बाइट्स को 4 ASCII वर्णों के रूप में एन्कोड करता है। बेस64 में 100 KB छवि लगभग 133 KB बन जाती है। इस ओवरहेड के कारण बेस64 एम्बेडिंग की अनुशंसा केवल छोटी छवियों (आमतौर पर 5-10 केबी से कम) के लिए की जाती है।

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

एक डेटा URL MIME प्रकार उपसर्ग सहित संपूर्ण स्ट्रिंग है: data:image/png;base64,XXXX. बेस64 स्ट्रिंग अल्पविराम के बाद केवल XXXX भाग है। HTML/CSS में पूर्ण डेटा URL का उपयोग करें; एपीआई के माध्यम से छवियां भेजते समय, डेटाबेस में संग्रहीत करते समय, या जब प्राप्तकर्ता सिस्टम अपना स्वयं का उपसर्ग जोड़ता है, तो केवल बेस 64 स्ट्रिंग का उपयोग करें।

त्वरित तथ्य

  • ✓ 100% मुफ़्त, कोई छिपी हुई फीस नहीं
  • ✓ किसी खाते या लॉगिन की आवश्यकता नहीं है
  • ✓ किसी भी ब्राउज़र में काम करता है
  • ✓ आपका डेटा कभी भी आपका डिवाइस नहीं छोड़ता
  • ✓ पूर्ण डेटा यूआरएल या रॉ बेस64 को अलग से कॉपी करें

संबंधित उपकरण