Image to Base64

Turn an image file into a Base64 data URL for CSS, HTML, or Markdown, or decode a Base64 string back into a viewable, downloadable image. Images up to 10 MB are accepted, unsupported types are rejected before anything is read, and the file is processed locally in your browser. It is never uploaded.

Drop an image below, or switch direction to decode Base64 back into an image. Files are read locally and never uploaded.

Drop an image here or click to browse
PNG, JPG, GIF, SVG, WebP · up to 10 MB · read locally, never uploaded

How to use the Image to Base64

Drop an image onto the drop zone or click to browse. It is read locally with the File API and never uploaded.
Copy the data URL, the raw Base64, or one of the ready to paste HTML, CSS, and Markdown snippets, or download the Base64 as a .txt file.
To go the other way, switch to Base64 to Image, paste a Base64 string or data URL, and preview and download the decoded image.

Example

A 1 by 1 transparent PNG as a data URL. The Base64 to Image direction starts with it filled in, so the first Convert shows the decode path.

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAACklEQVR4nGMAAQAABQABDQottAAAAABJRU5ErkJggg==

Frequently asked questions

Is my image uploaded?

No. The file is read with the browser File API and encoded in your tab. Nothing is sent anywhere, which is also why the 10 MB limit exists: the whole data URL lives in the page.

Why is the Base64 bigger than the file?

Base64 encodes 3 bytes into 4 characters, so the text form is about a third larger than the image. That overhead is the price of embedding binary data in text formats like CSS and HTML.