Gezidao

Image to Base64

Turn an image into a Base64 data URI for CSS or HTML.

Report an issue

Advertisement

AHow to use

  1. 01 Drop an image or click to choose a file.
  2. 02 Switch between the data URI and raw Base64 output.
  3. 03 Copy it, or use the ready-made CSS/HTML snippets.

QFAQ

When is a data URI worth it? ＋

For small icons and sprites — it saves an HTTP request. Large images grow about 33% bigger as Base64 and would bloat the page; link them normally instead.

Are my images uploaded? ＋

No. Encoding happens in your browser with the FileReader API.

→Related tools

→ Image Rounded Corners Add rounded corners and shadow to an image. → Image EXIF Cleaner Remove image metadata by re-encoding locally. → Image Stitcher Combine multiple images vertically. → SVG to PNG Convert SVG to PNG locally.