How do I convert an image to Base64?

Open the image and the tool encodes it to a Base64 data URI you can copy — or switch to CSS or raw-string output. It runs in your browser without uploading. Base64 embedding avoids a separate image request, handy for small icons and inline assets.

Should I Base64-encode large images?

Base64 makes files about a third larger and can't be cached separately, so it's best for small images (icons, tiny backgrounds) embedded inline. Keep larger photos as normal files.

Free Dev Tool · No upload · Private

Image to Base64

Encode an image to a Base64 data URI, CSS background, or raw string — right in your browser. Copy with one click. Never uploaded.

</>Choose an imageEncoded in your browser — never uploaded

Working with an old photo? Restore it with our AI photo restoration tool →

When to use Base64

Base64 encoding turns an image into a text string you can embed directly in HTML, CSS, JSON, or a data URI — no separate file or network request. It shines for tiny assets: icons, small backgrounds, email-embedded images, and inline SVG fallbacks.

The trade-off: Base64 is about 33% larger than the original file and can't be cached on its own. So encode small images inline, and keep photographs and large graphics as regular files.

Also restore old photos with AI

Repair scratches, fading, and blur — or colorize black-and-white — in about a minute.

Try AI Photo Restoration →