IMAGE TO BASE64
Turn any image into a Base64 data URI — with ready-to-paste HTML, CSS and Markdown snippets — or decode a data URI back to an image. Everything happens right here in your browser; nothing is ever uploaded.
Pick an image
Click to choose an image
or drag & drop — PNG, JPG, GIF, WebP, SVG…
Result
Preview
![Preview of the selected image]()
File name
—
Original size
—
Base64 size
—
Data URI (Base64)
HTML <img>
CSS background-image
Markdown
Tip: data URIs are larger than the original file (~33% overhead) and are best for small assets like icons.
Paste a data URI
Paste a full data:image/…;base64,… URI, or raw Base64 (we'll assume PNG if no type is given).
Decoded image
Detected type
—
Decoded size
—