What is an image Data URI?

A Data URI embeds the binary image data directly into your HTML/CSS code, eliminating additional HTTP round trips.

Does Base64 increase image size?

Base64 encoding increases binary byte size by ~33%, which is why it is best suited for small icons and critical UI graphics.

Encode image files into data URIs for HTML, CSS, and Markdown.

Upload Image

Choose Image

Base64 Output

Free forever, 100% in-browser, no registration required.

Fast, in-browser utilities to supercharge your media workflow.

Convert JPG, PNG, WebP, BMP, and GIF format in batch.

Shrink image size by up to 80% with quality slider.

Render vector graphics into 1x, 2x Retina, and 4x PNGs.

Merge multiple JPG & PNG photos into a clean PDF.