छवि से Base64
फ़ाइल पिकर से छवि चुनें। एन्कोडिंग FileReader से स्थानीय चलती है; आपको पूर्वावलोकन, कच्चा Base64, पूरा data URI, MIME प्रकार और फ़ाइल नाम मिलता है। ज़रूरत अनुसार Copy Base64 या Copy data URI करें।
अपडेट 2026-08-04 · developer
Choose an image file. Encoding runs locally in your browser.
इस टूल के बारे में
केवल image MIME वाली फ़ाइलें स्वीकार होती हैं। readAsDataURL data URI बनाता है; अल्पविराम के बाद का भाग कच्चा Base64 है। स्थिति KB में आकार बताती है या गैर-छवि अस्वीकृति समझाती है।
कैसे उपयोग करें
- छवि फ़ाइल चुनें: Image file नियंत्रण से PNG, JPG, GIF, WebP या समान छवि चुनें।
- स्थानीय एन्कोडिंग प्रतीक्षा करें: ब्राउज़र फ़ाइल पढ़कर पूर्वावलोकन तथा Base64 और data URI फ़ील्ड दिखाता है।
- Base64 या data URI कॉपी करें: कच्ची स्ट्रिंग के लिए Copy Base64, पूर्ण data URL के लिए Copy data URI दबाएँ।
- MIME और नाम जाँचें: एम्बेड से पहले textarea के नीचे दिखाए MIME कोड और फ़ाइल नाम की पुष्टि करें।
आम उपयोग
- छोटे आइकन को CSS या HTML में इनलाइन करें बिना अलग एसेट होस्ट किए।
- बाहरी छवियाँ रोकने वाले प्रोटोटाइप या ईमेल टेम्प्लेट में data URI चिपकाएँ।
- JSON में एम्बेड करने से पहले MIME स्ट्रिंग और Base64 लंबाई जाँचें।
सुझाव
- छोटी छवियाँ चुनें; बड़ी फ़ाइलें लंबी स्ट्रिंग बनाती हैं जिन्हें चिपकाना कठिन है।
- जब data:image/...;base64, उपसर्ग चाहिए हो तो Copy data URI उपयोग करें।
अक्सर पूछे जाने वाले प्रश्न
क्या छवियाँ सर्वर पर अपलोड होती हैं?
नहीं। FileReader चयनित फ़ाइल को केवल ब्राउज़र में एन्कोड करता है।
गैर-छवि फ़ाइल चुनने पर क्या होता है?
आउटपुट साफ़ हो जाता है और PNG या JPG जैसी छवि चुनने को कहा जाता है।
Base64 और data URI में क्या अंतर है?
Base64 (raw) केवल एन्कोडेड बाइट्स है; data URI में data:image/...;base64, उपसर्ग भी होता है।
एन्कोडिंग क्यों विफल हुई?
फ़ाइल न पढ़ सकने पर स्थिति Failed to read the file दिखाती है—दूसरी छवि आज़माएँ।