इमेज से Base64 कन्वर्टर

यह क्या करता है

यह टूल किसी इमेज को Base64 टेक्स्ट और सीधे पेस्ट करने लायक data URI में बदलता है। Data URI इमेज को सीधे HTML, CSS, Markdown, JSON या ईमेल में एम्बेड कर देता है, जिससे पेज को एक HTTP रिक्वेस्ट कम करनी पड़ती है और स्निपेट अलग फ़ाइल होस्ट किए बिना काम करता है। यह उल्टा भी काम करता है: इमेज का प्रीव्यू देखने और उसे डाउनलोड करने के लिए Base64 या data URI पेस्ट करें।

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

1. ड्रॉप ज़ोन पर इमेज ड्रॉप करें, इमेज चुनें दबाएँ, या SVG लोगो लोड करने के लिए उदाहरण दबाएँ।
2. प्रीव्यू इमेज को उसके टाइप, फ़ाइल साइज़, Base64 साइज़ और डाइमेंशन के साथ दिखाता है।
3. एक आउटपुट फ़ॉर्मैट चुनें:
   • Data URI: data:image/png;base64,…, src attributes और JSON के लिए।
   • सिर्फ़ Base64: सादी स्ट्रिंग, MIME और PEM जैसे इस्तेमाल के लिए चाहें तो 76 कैरेक्टर पर रैप की हुई।
   • CSS बैकग्राउंड: पूरा background-image: url("…"); डिक्लेरेशन।
   • HTML <img>: data URI को src के रूप में रखने वाला इमेज टैग।
   • Markdown: ![image](data:…)।
4. परिणाम कॉपी करें। डिकोड करने के लिए, इनपुट बॉक्स में Base64 या data URI पेस्ट करें और इमेज डाउनलोड करें दबाएँ।

उदाहरण

2×1 पिक्सेल की PNG बन जाती है:

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAABCAIAAAB7QOjdAAAADUlEQVR4nGP4zwAE/wEHAAH/4iOeWQAAAABJRU5ErkJggg==

CSS में इस्तेमाल:

.dot { background-image: url("data:image/png;base64,iVBORw0KGgo…"); }

इमेजेज़ कब इनलाइन करें

इनलाइन करना छोटी, बार-बार इस्तेमाल होने वाली इमेजेज़ के लिए मददगार है, जैसे आइकन, छोटे बैकग्राउंड, लोडिंग स्पिनर और ईमेल सिग्नेचर। फ़ोटो और बड़े ग्राफ़िक्स के लिए यह ठीक नहीं है: Base64 साइज़ में लगभग एक-तिहाई जोड़ देता है, इमेज को पेज या स्टाइलशीट से अलग कैश नहीं किया जा सकता, और यह फ़ाइल के बाकी हिस्से की पार्सिंग में देरी करता है। एक मोटे नियम के तौर पर, इनलाइन इमेजेज़ को कुछ किलोबाइट से कम रखें। SVG के लिए percent-encoded data URI (data:image/svg+xml,…) अक्सर Base64 से छोटा होता है, और टूल दोनों स्वीकार करता है।