इमेज से Base64
HTML/CSS में एम्बेड करने के लिए छवियों को Base64 एन्कोडेड स्ट्रिंग या Data URI फॉर्मेट में बदलें।
यहाँ इमेज खींचें या चुनने के लिए क्लिक करें
PNG, JPG, WebP, GIF, SVG आदि
इस टूल के बारे में
इमेज टू Base64 कन्वर्टर किसी भी इमेज फ़ाइल को Base64 स्ट्रिंग या पूर्ण Data URI में एनकोड करता है, जिससे आप अलग फ़ाइलें होस्ट किए बिना HTML, CSS या JSON में सीधे इमेज एम्बेड कर सकते हैं। ड्रैग-एंड-ड्रॉप या क्लिक-टू-सेलेक्ट समर्थित है और मूल फ़ाइल आकार बनाम एनकोडेड आकार दिखाता है।
सभी एनकोडिंग ब्राउज़र में FileReader API का उपयोग करके होती है — आपकी इमेज कभी भी किसी सर्वर पर अपलोड नहीं होती। पूर्ण Data URI (data:image/…;base64, उपसर्ग के साथ) और शुद्ध Base64 (बिना उपसर्ग के) के बीच टॉगल किया जा सकता है।
कैसे उपयोग करें
- अपलोड क्षेत्र में इमेज खींचें या फ़ाइल पिकर खोलने के लिए क्लिक करें।
- फ़ाइल लोड होने के बाद एनकोडेड आउटपुट स्वचालित रूप से दिखाई देता है।
- बटन का उपयोग करके Data URI और Base64 Only के बीच टॉगल करें।
- परिणाम को क्लिपबोर्ड पर कॉपी करने के लिए कॉपी पर क्लिक करें।
उपयोग के मामले
फ्रंटएंड डेवलपर HTTP अनुरोध कम करने के लिए छोटे आइकन सीधे CSS या HTML में एम्बेड करते हैं। ईमेल मार्केटर HTML ईमेल टेम्पलेट में इमेज इनलाइन करते हैं क्योंकि कई ईमेल क्लाइंट बाहरी इमेज ब्लॉक करते हैं। मोबाइल ऐप डेवलपर JSON API पेलोड के लिए इमेज एनकोड करते हैं। डेवलपर कॉन्फ़िगरेशन फ़ाइलों या डेटाबेस में Base64 स्ट्रिंग के रूप में इमेज संग्रहीत करते हैं।
अक्सर पूछे जाने वाले प्रश्न
- क्या Base64 एनकोडिंग फ़ाइल का आकार बढ़ाती है? — हाँ। Base64 एनकोडिंग मूल बाइनरी की तुलना में फ़ाइल का आकार लगभग 33% बढ़ा देती है।
- कौन से इमेज प्रारूप समर्थित हैं? — ब्राउज़र द्वारा प्रदर्शित कोई भी प्रारूप: JPG, PNG, WebP, GIF, SVG, BMP आदि।
- क्या मुझे बड़ी इमेज को Base64 में एनकोड करना चाहिए? — ~10 KB से अधिक फ़ाइलों के लिए, इमेज को फ़ाइल के रूप में होस्ट करना बेहतर है। बड़े Base64 स्ट्रिंग HTML/CSS को भारी बनाते हैं और पेज लोड प्रदर्शन को नुकसान पहुँचाते हैं।