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.
100% Local
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.
Related Tools