इमेज को Base64 में बदलें

HTML, CSS या JSON में इमेज एम्बेड करें। कोई सर्वर अपलोड नहीं — 100% निजी।

base64-converter.js
1const img = await loadImage(file);
2const canvas = document.createElement("canvas");
3const ctx = canvas.getContext("2d");
4ctx.drawImage(img, 0, 0);
5const dataUrl = canvas.toDataURL();
6return btoa(dataUrl);

छवियाँ यहाँ छोड़ें

या ब्राउज़ करने के लिए क्लिक करें

JPGPNGWebPAVIFHEIC

फ़ाइलें आपका ब्राउज़र कभी नहीं छोड़तीं

आउटपुट सेटिंग्स

चुनें कि Base64 कैसे वितरित किया जाता है।

आपके ब्राउज़र में स्थानीय रूप से संसाधित।

3 चरणों में छवियों को Base64 में बदलें

स्थानीय अपलोड, तत्काल रूपांतरण, और टेक्स्ट फ़ाइलें कॉपी या डाउनलोड करें।

इमेज या ZIP अपलोड करें

फ़ाइलें या फ़ोल्डरों के साथ ZIP संग्रह खींचें और छोड़ें।

Base64 जेनरेट करें

हम बिना किसी अपलोड के प्रत्येक इमेज को स्थानीय रूप से एनकोड करते हैं।

कॉपी या डाउनलोड

क्लिपबोर्ड पर कॉपी करें या .txt फ़ाइलों का ZIP डाउनलोड करें।

Base64 छवियों का उपयोग कब करें

सामान्य परिदृश्य जहां Base64 एन्कोडिंग प्रदर्शन में सुधार करता है और परिनियोजन को सरल बनाता है।

HTML और CSS एम्बेड

HTTP अनुरोधों को कम करने और प्रारंभिक लोड समय में सुधार करने के लिए छोटी छवियों को सीधे कोड में एम्बेड करें।

ईमेल टेम्प्लेट

लोगो और आइकन को HTML ईमेल में एम्बेड करें ताकि वे इमेज ब्लॉकिंग के बिना प्रदर्शित हों।

API एकीकरण

Base64 पेलोड की अपेक्षा करने वाले AI विज़न API, क्लाउड स्टोरेज या वेबहुक को इमेज भेजें।

एकल-फ़ाइल एप्लिकेशन

ऑफ़लाइन टूल, डेमो या पोर्टेबल दस्तावेज़ों के लिए सभी संसाधनों को एक ही HTML फ़ाइल में बंडल करें।

Base64 एन्कोडिंग प्रश्न

इनलाइन छवियों को एम्बेड करने के बारे में डेवलपर्स को जो कुछ भी जानने की आवश्यकता है।

Base64 एन्कोडिंग का उपयोग किस लिए किया जाता है?

Base64 एक इमेज को टेक्स्ट में बदल देता है ताकि इसे सीधे HTML img टैग, CSS background-image गुणों, API JSON पेलोड और ईमेल टेम्प्लेट में एम्बेड किया जा सके, जिसमें अलग फ़ाइल अपलोड की आवश्यकता नहीं होती है।

क्या मुझे डेटा URL या कच्चे Base64 का उपयोग करना चाहिए?

HTML और CSS एम्बेड के लिए डेटा URL (data:image/...;base64 उपसर्ग के साथ) का उपयोग करें। OpenAI विज़न जैसे API को भेजते समय, क्लाउड सेवाओं पर अपलोड करते समय, या जब प्राप्त करने वाला सिस्टम अपना स्वयं का उपसर्ग जोड़ता है, तो कच्चे Base64 का उपयोग करें।

मैं HTML में Base64 कैसे एम्बेड करूं?

डेटा URL का सीधे src विशेषता में उपयोग करें: <img src="data:image/png;base64,..." />। यह एक HTTP अनुरोध को समाप्त करता है और इमेज पृष्ठ के साथ तुरंत लोड होती है।

मैं CSS में Base64 का उपयोग कैसे करूं?

इसे पृष्ठभूमि छवि के रूप में सेट करें: background-image: url("data:image/png;base64,...")। छोटे आइकन, पैटर्न और UI तत्वों के लिए बढ़िया है जिन्हें बिना झिलमिलाहट के लोड करने की आवश्यकता है।

क्या मेरी छवियां सर्वर पर अपलोड की जाती हैं?

नहीं। कोई भी Base64 रूपांतरण जावास्क्रिप्ट का उपयोग करके आपके ब्राउज़र में स्थानीय रूप से किया जाता है। आपकी छवियां कभी भी आपके डिवाइस को नहीं छोड़ती हैं, जिससे यह 100% निजी और सुरक्षित हो जाता है।

क्या मैं फ़ोल्डरों के साथ ZIP कनवर्ट कर सकता हूं?

हाँ। ZIP अपलोड पूरी तरह से समर्थित हैं। ZIP के रूप में सभी Base64 फ़ाइलों को डाउनलोड करते समय फ़ोल्डर संरचना संरक्षित रहती है, जिससे बैच प्रोसेसिंग आसान हो जाती है।

क्या Base64 फ़ाइल का आकार बढ़ाता है?

हाँ, Base64 एन्कोडिंग आकार को लगभग 33% बढ़ा देता है। छोटी छवियों (आइकन, लोगो 10KB के तहत) के लिए, यह ठीक है। बड़ी छवियों के लिए, पहले हमारे मुख्य टूल के साथ कंप्रेस करने पर विचार करें।

क्या कोई फ़ाइल आकार सीमा है?

ब्राउज़र को स्मूथ रखने के लिए व्यक्तिगत फ़ाइलें 25MB तक सीमित हैं। Base64 के साथ सर्वोत्तम परिणामों के लिए, अपने HTML/CSS को फुलने से बचाने के लिए 100KB से कम की छवियों का उपयोग करें।

पहले छोटी फ़ाइलों की आवश्यकता है?

तेज़ एम्बेड और बेहतर प्रदर्शन के लिए एन्कोडिंग से पहले छवियों को कंप्रेस करें।