Image to Base64

Convert an image to a Base64 data URI, or turn Base64 text back into a downloadable image.

Runs in your browser. Nothing is uploaded.

Direction

Drag & drop an image here, or click to browse

JPG, PNG, WEBP, SVG · up to 20MB

How to use

Image to Base64 in 3 steps

Pick a direction

Choose "Image → Base64" to encode a file, or "Base64 → Image" to decode text back into a picture.

Provide the input

Drop an image file, or paste a Base64 string / data URI into the text box.

Copy or download

Copy the generated Base64 text, or download the decoded image — everything happens instantly in your browser.

Features

Why use this Image to Base64

Two-way conversion: image to Base64, and Base64 back to a downloadable image.

Works with JPG, PNG, WEBP and SVG.

One-click copy to clipboard for pasting straight into CSS or HTML.

No file is ever uploaded — encoding and decoding both happen locally.

FAQ

Questions about this tool

What is a Base64 data URI used for?

It lets you embed an image directly inside HTML, CSS or JSON as text instead of linking to a separate file — handy for small icons, email templates, or inlining assets to reduce HTTP requests.

Does Base64 encoding make the file bigger?

Yes, Base64 text is roughly 33% larger than the original binary file, since it represents binary data using only readable text characters.

Can I paste just the Base64 characters without the "data:image/png;base64," prefix?

Yes — if no data URI prefix is detected, this tool assumes PNG image data and adds the prefix automatically before decoding.

Is there a file size limit?

Very large images produce very long Base64 strings that can be slow for browsers and text editors to handle, so this tool works best with images under about 20MB.