Image to Base64 converter

Drop an image, paste one from the clipboard or browse. Copy it as a data URI, raw Base64, an HTML img tag, CSS or Markdown.

Drop an image hereor paste with Ctrl+V · PNG, JPG, GIF, WebP, SVG, AVIF, ICO

How to convert an image to Base64

  1. 1Drop an image into the box, paste a screenshot from the clipboard, or choose Browse files.
  2. 2Pick an output format: data URI, raw Base64, HTML, CSS or Markdown.
  3. 3Copy the code and paste it into your page, stylesheet or API request.

Output formats

Data URIdata:image/png;base64,iVBOR…Works anywhere a URL is accepted.
RawiVBORw0KGgoAAAANSUhEUg…For JSON fields and APIs that expect only the Base64 part.
HTML<img src="data:image/png;base64,…" alt="">An inline image for HTML emails and single-file pages.
CSSbackground-image: url("data:…");Small icons and patterns without an extra request.
Markdown![image](data:image/png;base64,…)README files and notes that support data URIs.

When to inline an image

Base64 makes an image about a third larger, and an inlined image can’t be cached separately from the page. Inlining pays off for small icons, logos in HTML emails and single-file documents. For photos and anything over roughly 10 KB, a normal image file is usually faster.

Frequently asked questions

Is there a file size limit?

No fixed limit, since everything happens in your browser. Very large images produce very long strings that can slow down editors, so keep inlined images small.

Does converting change image quality?

No. The file’s bytes are encoded exactly as they are, with no resizing or recompression. Decoding gives back the identical file.

Do Base64 images work in email?

Apple Mail and most mobile clients show them. Gmail and some versions of Outlook block data URIs, so test in the clients your audience uses.

How do I turn the string back into an image?

Paste it into Base64 to image to preview and download it.

More Base64 tools

Base64 encode and decodeText and files, with auto-detection and URL-safe output.Base64 to imagePreview a Base64 image and download it with the right extension.JWT decoderRead a token’s header and payload, with exp and iat as dates.