Image to Base64

How to convert an image to Base64

1. Drop your images onto the box above, or click to browse.
2. Choose whether you want the full data URI or raw Base64, and how to wrap it (plain, CSS, or an HTML tag).
3. Click Copy to grab the string and paste it into your code.

What is Base64 and when should I use it?

Base64 turns an image into a long block of text called a data URI. You can paste it directly into your HTML or CSS so the image is embedded in the file itself — no separate download needed. This is handy for small icons, logos and email templates, where avoiding an extra network request speeds things up.

Because Base64 makes the data about 33% larger, it's best kept for small images. For large photos, a normal image file is usually the better choice.

Is it private and safe?

Yes. Toolyard encodes images inside your browser on your own device. Your files are never uploaded anywhere, so nothing can be stored or seen by anyone.