Toolyard

Image to Base64

Choose an image

How to convert an image to Base64

  1. Click the box above or drop an image onto it.
  2. Copy the version you need: the full data URI, the Base64 text alone, an <img> tag or a CSS rule.
  3. To go the other way, paste Base64 or a data URI into the lower box to see the image and download it.

Frequently asked questions

When should I use Base64 images?

For small images such as icons, where saving a separate request helps. Base64 is about a third larger than the file itself, and it cannot be cached separately, so large photos are better as normal files.

Is my image uploaded?

No. Everything happens inside your browser, so your files never leave your device and nothing is stored on a server.

More developer tools