Convert images to Base64 data URIs, CSS backgrounds or img tags, and decode Base64 back to a viewable, downloadable image. Everything runs in your browser.
Your files are never uploaded. Encoding and decoding both happen right here in your browser.
Load an image and the code appears here.
When should I use it? It's great for embedding small images of a few KB, like icons, tiny logos or loading spinners, into HTML, CSS or email templates without a separate file. Base64 is about 33% larger than the original and can't be cached on its own, so it's not recommended for large photos.
Line breaks, spaces and URL-safe (-, _) characters are cleaned up automatically.
No. Encoding and decoding both happen in your browser, and no image or code is sent to a server.
Base64 represents every 3 bytes with 4 text characters, so it's about 33% larger. It's best for small images of a few KB, like icons and logos, where saving an extra request is worth it.
Line breaks, spaces and URL-safe characters (-, _) are cleaned up automatically. If it still fails, part of the string may be missing, or the data may not be an image.