Base64 Image Encoder — Data URI Generator
Convert images to Base64 data URIs for embedding in HTML, CSS, or JSON. Preview the image, copy the full data URI or Base64 string — all processing happens locally in your browser.
Your data never leaves your browser
Image preview
Drag & drop an image
PNG, JPEG, GIF, WebP, SVG
Data URI
About this tool
Image previewData URIBase64 copyPNG/JPEG/GIF/WebPPrivate
How to use
- Upload or drag and drop an image file.
- Preview the image on the left panel.
- Copy the data URI or Base64 string for use in img src or CSS.
Examples
Embed in HTML
logo.png
<img src="data:image/png;base64,iVBORw0KGgo…" />