मुफ़्त इमेज से Base64
CSS, HTML या Markdown में इनलाइन उपयोग के लिए इमेज को Base64 डेटा URI में कन्वर्ट करें। रेडी-मेड स्निपेट कॉपी करें। आपके ब्राउज़र में एन्कोड होता है; कभी अपलोड नहीं होता।
फ़ाइल यहाँ छोड़ें, या ब्राउज़ करने के लिए क्लिक करें
PNG, JPG, WebP, GIF, SVG, AVIF, ICO, HEIC, HEIF · आपके डिवाइस पर प्रोसेस की गई
या क्लिपबोर्ड से चिपकाने के लिए Ctrl+V दबाएँ
टिप: आप अपने क्लिपबोर्ड से एक छवि भी पेस्ट कर सकते हैं (Ctrl+V)।
आपकी फ़ाइलें कभी भी आपके डिवाइस से बाहर नहीं जातीं। सभी प्रसंस्करण आपके ब्राउज़र में स्थानीय रूप से होता है।
किसी इमेज को Base64 data URI में बदलें जिसे सीधे CSS, HTML, या Markdown में पेस्ट कर सकते हैं — अलग फ़ाइल की ज़रूरत नहीं। ब्राउज़र में encode होता है; अपलोड कभी नहीं।
सामान्य उपयोग
- CSS में एक छवि को इनलाइन करेंअपनी स्टाइलशीट में एक डेटा URI के रूप में एक छोटे आइकन या पृष्ठभूमि को एम्बेड करें।
- HTML में एक छवि को एम्बेड करेंआत्मनिर्भर HTML में सीधे एक लोगो या आइकन को एम्बेड करें।
- एक SVG या आइकन को Base64 में बदलेंएक छोटे आइकन को इनलाइन करने के लिए एक डेटा URI में बदलें।
- Markdown में एक छवि को एम्बेड करेंएक डेटा URI के साथ Markdown फ़ाइल में एक छोटी छवि को इनलाइन करें।
- एक छवि डेटा URI प्राप्त करेंएक कच्चे डेटा: URI का उत्पादन करें जिसे आप कहीं भी उपयोग कर सकते हैं।
यह कैसे काम करता है
एक डेटा URI टेक्स्ट के रूप में सीधे आपके कोड में एक छवि को एम्बेड करता है, इसलिए यह अलग फाइल अनुरोध के बिना लोड होता है - छोटे आइकन और आत्मनिर्भर HTML के लिए काम आता है। यह इसे आपके ब्राउज़र में एनकोड करता है।
- 1आप एक छवि छोड़ते हैंइसे FileReader API के साथ स्थानीय रूप से पढ़ा जाता है - कभी अपलोड नहीं किया जाता है।
- 2इसे Base64-एनकोड किया जाता हैछवि बाइट्स एक डेटा: URI (data:image/...;base64,…) हो जाते हैं आपके ब्राउज़र में।
- 3आप एक स्निपेट चुनते हैंकच्चे डेटा URI को कॉपी करें, या तैयार CSS (background-image), HTML (<img>), या Markdown।
- 4इसे अपने कोड में पेस्ट करेंछवि अब आपके CSS/HTML के साथ इनलाइन यात्रा करती है - होस्ट करने के लिए कोई अतिरिक्त फाइल नहीं।
छवि पूरी तरह आपके डिवाइस पर एनकोड की जाती है। ध्यान दें कि Base64 मूल से ~33% बड़ा है, इसलिए डेटा URI छोटी छवियों के लिए सबसे अच्छे हैं।
संबंधित टूल
इमेज स्टेगनोग्राफी (इमेज में टेक्स्ट छुपाएं)
लीस्ट-सिग्निफिकेंट-बिट स्टेगेनोग्राफी का उपयोग करके एक PNG में गुप्त टेक्स्ट संदेश छुपाएं, वैकल्पिक AES-256-GCM पासवर्ड एन्क्रिप्शन के साथ। बाद में उसी टूल से निकालें। सब कुछ आपके ब्राउज़र में चलता है।
Base64 एनकोडर और डिकोडर
टेक्स्ट या फ़ाइलों को Base64 में एनकोड करें, या Base64 स्ट्रिंग्स को वापस सादे टेक्स्ट में डिकोड करें। तत्काल, निजी और मुफ़्त।
URL एनकोडर और डिकोडर
यूआरएल और क्वेरी स्ट्रिंग को एनकोड और डीकोड करें। encodeURIComponent, decodeURIComponent और क्वेरी स्ट्रिंग पार्सिंग का समर्थन करता है।