What Image to Base64 does
Image to Base64 encodes an image into a Base64 data URI and can decode one back to an image.
- Encode/decode
How do I convert an image to a Base64 string?
Convert an image to Base64 by uploading it; the tool encodes it into a Base64 data URI you can copy and paste directly into HTML, CSS or JSON. It also decodes Base64 back to an image. Everything runs in your browser.
- Encode images to a Base64 data URI
- Copy ready-to-use HTML/CSS snippets
- Decode Base64 back to an image
- 100% client-side
What is
Image to Base64
A tool that encodes an image into a Base64 data URI (and decodes it back), for embedding images directly in code.
Image Tools
Related terms
data uriencode
Frequently Asked Questions
Embedding in code.
Base64 data URIs let you embed an image directly in HTML, CSS or JSON without a separate file.
Yes.
Paste a Base64 string to preview and download the original image.
No.
Encoding and decoding happen locally in your browser.
Detailed Explanation
How it works
The file is read with the FileReader API and output as a data URI; decoding parses the string back to bytes.
- FileReader data URI
Use cases
Inline small images in HTML/CSS, embed icons in JSON, or avoid extra network requests.
- Inline embedding
Limitations
Base64 increases size by about a third, so it suits small images rather than large photos.
- ~33% larger
Privacy
The image is processed entirely in your browser with the Canvas API; nothing is uploaded to a server.
- 100% local
- No upload