How to use Image to Base64
- Drop an image
- Pick the output style: data URI, raw Base64, HTML or CSS
- Click Copy or download the text
About this tool
A data URI embeds the image inside your HTML, CSS or JSON, saving an extra HTTP request. That helps for tiny icons and email signatures, but Base64 makes files about 33% larger, so keep it for images under roughly 10 KB.
Frequently asked questions
Why is the Base64 bigger than my image?
Base64 represents every 3 bytes with 4 text characters, so the result is about 33% larger than the file.
Can I decode Base64 back to an image?
Paste a data URI into your browser’s address bar to view it, or use a Base64 decoder.
Which images should I inline?
Small icons, logos and placeholders. Large photos are better served as normal files that browsers can cache.
Are my files uploaded to a server?
No. ConvertBrightly processes files with JavaScript inside your browser. Nothing is sent over the network, and the files disappear when you close the tab. You can even disconnect from the internet after the page loads.
Related tools
Updated · Built by the ConvertBrightly team · How our tools work · Report a problem