Skip to the tool

Image to Base64

Turn an image into a Base64 data URI, an HTML img tag or a CSS background. Works in reverse too, from Base64 back to an image.

How It Works

1

Upload an image

Drag-and-drop or select PNG, JPEG, WebP, GIF, or SVG files.

2

Choose output format

Get raw Base64, data URI, HTML <img> tag, or CSS background-image property.

3

Copy or reverse

Copy any output format. Use reverse mode to paste a Base64 string and get the image back.

FAQ

For small icons, logos, or inline images to reduce HTTP requests. Avoid for large images — the 33% size increase outweighs the benefit.
A data URI embeds file data directly in HTML/CSS: data:image/png;base64,.... It eliminates the need for a separate image file.
No hard limit, but browsers may struggle with Base64 strings from images larger than ~10MB. For encoding plain text or non-image files, use the general Base64 encoder.

Built & Maintained by Varstatt

Varstatt is a one-person product studio run by Jurij Tokarski, product engineer since 2011. These tools are free and open — no signup, no catch.