Image to Base64

Data URI for CSS, HTML or JSON.

Drop images hereor Choose files · Paste from clipboard with Ctrl+VJPG · PNG · WebP · AVIF · HEIC · TIFF · GIF · BMP · SVG · PSD · RAW
  1. Add images by dropping, choosing or pasting them.
  2. Adjust the options — everything previews on your device.
  3. Run, compare before and after, then download or share.

Image to Base64

Convert an image into a Base64 data URI and copy it, or download it as a text file.

How it works

  1. Add images by dropping, choosing or pasting them.
  2. Adjust the options — everything previews on your device.
  3. Run, compare before and after, then download or share.

More presets

Frequently asked questions

What is a data URI?

A string starting with data:image/… that embeds the whole image, so it can be placed directly in CSS, HTML or JSON without a separate file.

When should I use Base64 images?

For tiny icons and placeholders. Large images are better served as files because Base64 is about 33% bigger.

Can I convert the format first?

Yes. Choose JPG, PNG or WebP as the output and the image is re-encoded before being encoded as Base64.

Esc
Pro

ShrinkLab Pro

Support independent, privacy-first tools and get the smoothest experience.