Developer

Image to Base64

Convert an image to a Base64 data URI for HTML, CSS or JSON.

Drop files here

or

PNG, JPG, SVG, GIF or WebP. Small images work best.

How to use
  1. 1Choose an image.
  2. 2Pick the format: data URI, HTML <img> tag or CSS.
  3. 3Copy the code and paste it where you need it.
FAQ
When should I use Base64 images?
For small icons and images that should be part of the HTML, CSS or JSON itself, without a separate file.
Why is the Base64 text bigger than the file?
Base64 turns binary data into text, which takes about a third more space.