Image to Base64
किसी भी image को HTML, CSS, या Markdown में inline उपयोग के लिए तैयार Base64 data URI में बदलें। Files आपके browser में रहती हैं।
No image yet.
परिणाम देखने के लिए ऊपर इनपुट डालें।
JXXR1 द्वारा बनाया गया · ♥ स्पॉन्सर करें · ☕ मुझे coffee दिलाएं
यह किसके लिए है?
एक data URI Base64 का उपयोग करके एक file के bytes को सीधे URL में embed करता है — कोई अलग request नहीं, कोई external file नहीं। यह converter आपके drop किए किसी भी image को पढ़ता है और एक data:image/...;base64,... string produce करता है जो HTML, CSS, Markdown, या JSON में paste करने के लिए तैयार है। File कभी भी आपके browser से बाहर नहीं जाती; conversion FileReader.readAsDataURL के माध्यम से होता है।
कब इस्तेमाल करें
- CSS में inline tiny icons (< 4 KB) — एक HTTP request बचाता है और first paint पर flash से बचाता है।
- Self-contained HTML emails, single-file demos, या offline-capable PWAs।
- Markdown notes, Notion pages, या chat threads में quick pastes जिन्हें image के साथ travel करना है।
- Test fixtures और snapshot files जहां आप asset को test के साथ committed रखना चाहते हैं।
आम गलतियाँ
- Size penalty। Base64 payload को ~33% फुलाता है। ~4–8 KB से ऊपर embedding cost बचाए गए request से अधिक हो जाती है, खासकर इसलिए कि data URIs को browser द्वारा अलग से cache नहीं किया जा सकता।
- Pages के बीच कोई de-duplication नहीं। हर page जो URI embed करता है bytes को फिर से ship करता है। पुनः उपयोग की जाने वाली किसी भी चीज़ के लिए, इसे एक real URL के रूप में रखें ताकि browser इसे एक बार cache करे।
- Email clients भिन्न होते हैं। अधिकांश modern clients data URIs render करते हैं, लेकिन Windows पर Outlook historically उन्हें
<img src>में block करता है। Mass email के लिए CID attachments अभी भी सुरक्षित हैं। - SVG ≠ raster। SVG के लिए, markup को सीधे embed करना (या SVG को url-encoding करना) आमतौर पर Base64 से छोटा होता है।