छवि को Base64 में — data URL ऑनलाइन
छवि को Base64 टेक्स्ट में बदलें, या HTML, CSS, Markdown या केवल स्ट्रिंग स्वीकार करने वाले कॉन्फ़िग के लिए पूर्ण `data:image/...;base64,` data URL। छोटे आइकन और थंबनेल के लिए सर्वोत्तम — मल्टी-मेगाबाइट फ़ोटो एम्बेड करना पेज फुलाता है और लोड समय बिगाड़ता है।
फ़ाइल यहाँ छोड़ें, या चुनने के लिए क्लिक करें
Base64 बाइनरी को पठनीय वर्णों के रूप में दर्शाता है। data URL ब्राउज़र को बिना दूसरे HTTP अनुरोध छवि लोड करने देता है — लेकिन स्ट्रिंग फ़ाइल से लगभग एक तिहाई बड़ी है और खराब कैश होती है।
किलोबाइट-स्केल आइकन, पिक्सेल आर्ट, छोटे लोगो के लिए उपयोग करें। छुट्टियों की फ़ोटो CSS में ठूँसना स्टाइलशीट विशाल बनाता है।
स्रोत बड़ा हो तो पहले संपीड़ित या आकार बदलें — एन्कोडेड स्ट्रिंग उसके साथ सिकुड़ती है।
कैसे कनवर्ट करें
- छवि चुनें और पूर्वावलोकन पुष्टि करें
- ज़रूरत अनुसार data URL उपसर्ग टॉगल करें
- आउटपुट टेक्स्ट कॉपी करें
- HTML, CSS या कॉन्फ़िग में चिपकाएँ
छवियों के लिए Base64 कब समझ में आता है
- एकल-फ़ाइल डेमो या ईमेल HTML जिन्हें इनलाइन आइकन चाहिए।
- बिना अतिरिक्त एसेट फ़ाइल छोटा CSS बैकग्राउंड।
- API या कॉन्फ़िग जो छवियों के लिए केवल टेक्स्ट फ़ील्ड अनुमति देते हैं।
- वैकल्पिक data URL उपसर्ग ताकि सीधे कॉपी-पेस्ट हो।
परिदृश्य
- कंपोनेंट डॉक्स में 16×16 आइकन
- ईमेल टेम्पलेट में छोटा बैज (कुल आकार देखें)
- फ़ॉर्म फ़ील्ड जो Base64 छवि डेटा अपेक्षा करता है
सुझाव
- CSS `url()` के लिए data URL उपसर्ग सक्षम करें।
- प्राप्तकर्ता केवल कच्चा Base64 चाहे तो उपसर्ग बंद करें।
- स्ट्रिंग बहुत लंबी? पहले छवि संपीड़ित या आकार बदलें।
- फ़ाइल वापस चाहिए? Base64 → छवि।
आउटपुट आकार
| इनपुट | आउटपुट | नोट |
|---|---|---|
| छोटा PNG आइकन | data:image/png;base64,... | उपसर्ग के साथ |
| वही छवि | कच्चा Base64 स्ट्रिंग | उपसर्ग बंद |
छवि → Base64 FAQ
- कौन से छवि प्रकार काम करते हैं?
- सामान्य ब्राउज़र-पठनीय फ़ॉर्मैट: PNG, JPG, WebP, GIF आदि।
- स्ट्रिंग फ़ाइल से लंबी क्यों?
- Base64 एन्कोडिंग आकार बढ़ाती है — सामान्य है, त्रुटि नहीं।
- पूरा फ़ोल्डर बैच?
- यहाँ एक समय में एक छवि ताकि पूर्वावलोकन सत्यापित कर सकें।
- बड़ी फ़ोटो के लिए अच्छा?
- नहीं — बड़ी छवियों को सामान्य URL के रूप में होस्ट करें; Base64 छोटे एसेट के लिए रखें।