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

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

1. कोई इमेज चुनें (PNG, JPG, WebP, GIF या SVG) — वह लोकल पढ़ी जाती है, कभी अपलोड नहीं होती।
2. टूल Data URI के साथ-साथ पेस्ट के लिए तैयार HTML और CSS background-image स्निपेट बनाता है।
3. जो संस्करण चाहिए उसे एक क्लिक में कॉपी करें, या Data URI को टेक्स्ट फ़ाइल के रूप में डाउनलोड करें।

इस टूल के बारे में

Data URI फ़ाइल को सीधे टेक्स्ट के भीतर समा देता है: data:image/png;base64, और उसके बाद Base64 में एन्कोड किए गए फ़ाइल के बाइट। इसे किसी टैग, CSS बैकग्राउंड या JSON पेलोड में पेस्ट करें और इमेज बिना अलग फ़ाइल और बिना अतिरिक्त HTTP अनुरोध के रेंडर होती है — इमेज दस्तावेज़ के भीतर ही यात्रा करती है।

छोटी इमेजों के लिए यह वाक़ई काम का है: सिंगल-फ़ाइल HTML पेज के आइकन, ट्रांज़ैक्शनल ईमेल के लोगो, CSS में इनलाइन किए गए नन्हे प्लेसहोल्डर, स्वचालित परीक्षणों के फ़िक्स्चर। बड़ी इमेजों के लिए यह ग़लत औज़ार है — Base64 आउटपुट मूल फ़ाइल से लगभग 33% बड़ा होता है और दस्तावेज़ से अलग कैश नहीं हो सकता। सामान्य नियम: कुछ किलोबाइट से छोटी इमेज इनलाइन करें और बाक़ी सब सामान्य फ़ाइलों की तरह परोसें।

यहां रूपांतरण FileReader API से, पूरी तरह आपके डिवाइस पर होता है: इमेज मेमोरी में पढ़ी जाती है, एन्कोड होती है और दिखाई जाती है — न अपलोड, न सर्वर, न भंडारण। परिणाम के पास दिखा आकार-अनुमान बताता है कि इनलाइन करने का फ़ैसला लेने से पहले 33% के ओवरहेड का आपकी फ़ाइल के लिए ठीक-ठीक क्या मतलब है।

फ़ॉर्मूला

Data URI फ़ॉर्मैट: data:{mime-type};base64,{base64-bytes}। एन्कोडेड आकार ≈ मूल आकार × 4/3 (लाइन ब्रेक रखने पर ~2% और)।

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