Drop an image and instantly get its Base64 data URI. Useful for embedding small images directly into HTML, CSS, JSON or Markdown โ no separate HTTP request needed.
All processing runs locally in your browser. Your data is not uploaded to any server. 100% Local
๐
Click / drop / paste (Ctrl+V)
JPG ยท PNG ยท WebP ยท GIF
How to Use Image to Base64
Load an image โ click the drop box to browse, drag a file onto it, or copy an image and press Ctrl/โ+V.
Choose the output format โ keep "Full data URI" checked for direct embedding in HTML/CSS, or check "Raw Base64 only" for the bare string.
Copy the result โ use Copy Base64, or pick the <img> / url() wrapper buttons to get a ready-to-paste snippet.
Supported input formats
JPG, PNG, WebP, GIF, BMP and any other format your browser can decode. The MIME type in the data URI is detected automatically from the file.
Features
Instant conversion โ no upload, no waiting.
One-click copy as raw Base64, <img src="..."> or background-image:url(...).
Drag-and-drop, click-to-browse and clipboard paste all supported.
Shows original dimensions and Base64 length so you can judge payload size.
All processing runs locally in your browser. Your data is not uploaded to any server.