Convert an Image to Base64
Load a picture and get its Base64 data URL — perfect for inlining images in CSS or HTML — with a live preview and copy button.
Image to Base64
🔒 Nothing you enter is sent anywhere or stored. All processing happens in your browser.
How it works
A Base64 data URL packs an entire image into a text string that starts with data:image/…;base64,. Browsers treat that string as if it were a file, so you can embed a picture directly in your HTML or CSS instead of linking to a separate file — handy for tiny icons, email signatures, or self-contained pages.
Drop an image here and the tool reads it with FileReader and hands you the finished data URL, a live preview, and the size of both the original file and the encoded string. Copy the URL and paste it into an <img src>, a CSS background-image: url(...), or anywhere a URL is accepted.
Keep in mind that Base64 is about 33% larger than the raw file, so it is best for small images. Everything is encoded locally in your browser, so even confidential graphics never touch a server.