इमेज से Base64
कोई भी तस्वीर इस इमेज से Base64 कन्वर्टर में डालें और data URI के साथ HTML, CSS और JavaScript के लिए सीधे पेस्ट करने लायक स्निपेट पाएँ। छोटे आइकन के लिए इनलाइन इमेज HTTP रिक्वेस्ट बचाती हैं, और सिंगल-फ़ाइल HTML, ई-मेल टेम्पलेट और ऑफ़लाइन ऐप के लिए ये ज़रूरी हैं।
इमेज से Base64 को ऑनलाइन कैसे बदलें
- इमेज फ़ाइल चुनें या इमेज URL पेस्ट करें।
- आउटपुट चुनें: data URI,
<img>, CSS बैकग्राउंड, फ़ेविकॉन, JSON आदि। - इमेज को Base64 में एनकोड करें पर क्लिक करें।
- इमेज का प्रीव्यू देखें और कोड कॉपी करें।
और इमेज से Base64 कन्वर्टर
आउटपुट फ़ॉर्मेट
चुनें कि नतीजा किस रूप में चाहिए। कन्वर्टर ये लौटा सकता है:
- txt: सिर्फ़ Base64 स्ट्रिंग, जिसे कोड, डेटाबेस फ़ील्ड या API रिक्वेस्ट में सीधे पेस्ट किया जा सके।
- uri: पूरा
data:URI, जिसे आप ब्राउज़र के एड्रेस बार में पेस्ट कर सकते हैं या जहाँ भी URL स्वीकार होता है वहाँ इस्तेमाल कर सकते हैं। - html img:
srcमें data URI वाला<img>टैग। - css background image:
background-image: url(data:...)इस्तेमाल करने वाला CSS रूल। - html favicon: इनलाइन फ़ेविकॉन के लिए
<link rel="icon">टैग। - html hyperlink: एम्बेड की गई फ़ाइल को डाउनलोड करने या खोलने वाला
<a>लिंक। - html iframe: कंटेंट को इनलाइन दिखाने वाला
<iframe>। - javascript image: JavaScript जो
Imageऑब्जेक्ट बनाता है। - javascript popup: JavaScript जो कंटेंट को नई विंडो में खोलता है।
- json: फ़ाइल नाम, MIME type और डेटा वाला JSON ऑब्जेक्ट।
- xml: CDATA सेक्शन के अंदर डेटा वाला XML एलिमेंट।
इमेज को Base64 के रूप में कब इनलाइन करना चाहिए?
रिक्वेस्ट बचाने के लिए आइकन, लोगो और प्लेसहोल्डर जैसी छोटी इमेज (लगभग 5–10 KB से कम) इनलाइन करें। बड़ी फ़ोटो इनलाइन करने से बचें: ये HTML/CSS को भारी बनाती हैं, अलग से कैश नहीं हो सकतीं और रेंडरिंग में देरी करती हैं। विस्तृत जानकारी के लिए data URI की पूरी जानकारी देखें।
अक्सर पूछे जाने वाले सवाल
इमेज को Base64 में कैसे बदलें?
अपनी इमेज चुनें, आउटपुट के रूप में "Data URI" या "<img>" सेलेक्ट करें, और "इमेज को Base64 में एनकोड करें" पर क्लिक करें। नतीजे को अपने HTML या CSS में कॉपी करें।
कौन-से इमेज फ़ॉर्मेट सपोर्टेड हैं?
कोई भी फ़ॉर्मेट जिसे आपका ब्राउज़र पढ़ सके: PNG, JPG/JPEG, GIF, WebP, SVG, BMP, ICO, AVIF, TIFF और भी बहुत कुछ।
HTML में Base64 इमेज कैसे इस्तेमाल करें?
Data URI को src एट्रिब्यूट में डालें: <img src="data:image/png;base64,iVBORw0KGgo..." alt="">।
टिप्पणियाँ (0)
“इमेज से Base64” के बारे में कोई सवाल, सुझाव या बग? टिप्पणी करें, टूल को रेटिंग दें, या दूसरों को जवाब दें।
अभी तक कोई टिप्पणी नहीं। अपनी राय देने वाले पहले व्यक्ति बनें!