Convert an Image to Base64

Why convert an image to Base64?

Base64 turns an image's binary data into plain text, so you can paste it directly into code instead of linking to a separate file. It's the standard way to inline a small icon, logo, or background into a CSS file, an HTML email, a JSON payload, or a data URI — removing one extra network request and keeping everything self-contained.

This tool reads your file in the browser and shows the exact Base64 representation of the original bytes — no re-compression, no quality change. You get the raw Base64 body, the full data:image/…;base64 URI, and ready-to-paste CSS and HTML snippets, each with a one-tap copy and a .txt download.

How to convert an image to Base64

1. Open your image. Drag a PNG, JPG, WebP, GIF, or SVG onto the tool above, choose a file, or paste from your clipboard.
2. Pick the output you need. Switch between the raw Base64 string, the full data URI, a CSS background-image rule, or an <img> tag.
3. Copy or download. Tap Copy to put it on your clipboard, or download the string as a .txt file.

Keep inline images small

Base64 adds about a third to the byte size, so inlining is best for small assets — icons, sprites, tiny logos. For large photos, a normal file or URL stays smaller and the browser can cache it separately.