Image

Image to Base64

Convert images to Base64 data URIs and back.

Files never leave your device · Processed in your browser

Click or drag & drop an image here JPG, PNG, WebP, etc. · Files are never uploaded

Include data: prefix

Snippet type

Select an image to see the converted result here.

What is Base64 / data URI?

Base64 encodes binary data like images as plain text (letters, digits, symbols). Prefixing that text with data:image/png;base64, makes it a data URI, letting you embed an image directly inside HTML or CSS without a separate file.

How to use it

① Image → Base64: pick or drop an image and the Base64 result is generated automatically. Choose whether to include the data: prefix and pick a snippet type (raw text, <img>, CSS background).

② Base64 → Image: paste a Base64 string or data URI to preview it, then download the resulting image.

Size increase

Base64 encoding is roughly 33% larger than the original binary. It's convenient as text, but keep the size trade-off in mind.

Privacy & safety

Encoding, decoding, previewing and downloading all happen entirely in your browser — files are never uploaded or stored on a server.

FAQ

What is Base64?

Base64 is an encoding scheme that represents binary data as text (letters, digits, symbols). It lets files like images be embedded inside text-based formats such as HTML, CSS, or JSON.

What is a data URI used for?

A data URI like data:image/png;base64,... lets you embed an image directly in an HTML img tag or a CSS background property without a separate image file — handy for small icons or reducing requests.

Does Base64 increase file size?

Yes. Base64 encoding is roughly 33% larger than the original binary. It's more convenient as text, but keep in mind it grows the size compared to the raw file.

Is my image uploaded to a server?

No. Encoding, decoding, previewing and downloading all happen in your browser only — nothing is sent or stored on a server.

FAQ

Related tools