Free tool
Image to Base64 converter (and back)
Encode a small image as a Base64 data URI to paste into HTML, CSS or an email template, or decode a Base64 string to see and save the image.
Image to Base64
Data URI
CSS and HTML snippets
Runs 100% in your browser. Nothing you add is uploaded to any server.
Base64 to image
How to use it
- To encode, choose an image. The data URI appears instantly.
- Copy the data URI, or the ready-made CSS and HTML snippets.
- To decode, paste a Base64 string in the right-hand box.
- Check the preview and download the image.
Want it done for you? See WordPress website development.
FAQ
Base64 questions
When should I use Base64 images?
For very small images such as tiny icons, or where you cannot host a separate file, like some email templates. For normal images, a regular file is better because it can be cached.
Why is the Base64 version bigger?
Base64 encoding adds roughly a third to the size of the data, so a 30 KB image becomes about 40 KB of text.
Is my image uploaded?
No. The encoding and decoding both happen in your browser.
Contact
Let's build your next website
Available for freelance projects, agency white-label work and long-term maintenance. Feel free to pass this along to your team or company.