DEV TOOL

Image to Base64

Inlining an image in HTML/CSS requires a Base64 Data URI. Upload to get a Data URI, an img tag, CSS `background-image` or Markdown snippet and copy/download it. Local FileReader only, no upload; Base64 grows size by about 33%, so avoid inlining large images.

Choose an image

Upload to see a preview and Base64.

Output

Local FileReader only, no upload; Base64 grows files by about 33%, so avoid inlining large images in HTML/CSS.