What's the difference between "Data URI" and "Raw Base64"?

A Data URI includes a data:image/png;base64, prefix that tells the browser what it is, so it can be used directly in an or CSS url(). Raw Base64 is just the encoded bytes with no prefix.

Why is the Base64 text longer than the original file?

Base64 encoding trades file size for text-safety — it's roughly 33% larger than the original binary file.

Image to Base64 Converter

Convert an image to a Base64 string for embedding in code, or decode one back to an image.

Drag & drop or click to choose a file

PNG, JPG, WebP, GIF or SVG, up to 20 MB

Your file never leaves this browser tab — everything runs locally on your device.

How to use image to base64 converter

Choose "Image to Base64" or "Base64 to Image".
To encode, choose or drag in an image and copy the Data URI or raw Base64 text.
To decode, paste a data:image/...;base64,... string (or raw Base64 text) and click "Convert to Image".
Download the decoded image if needed.

Common use cases

Embedding a small icon or image directly inside CSS or HTML without a separate file request.
Pasting an image into JSON, YAML or a config file that only accepts text.
Decoding a Base64 image string found in an API response or a browser's dev tools.

Related tools

Image Compressor

Reduce image file size in your browser while keeping quality you control.

Image Resizer

Resize images to exact pixel dimensions with optional aspect-ratio lock.

Image Format Converter

Convert between PNG, JPG and WebP images — pick the format you need from one tool.

Favicon Generator

New

Generate a complete favicon set — ICO, PNGs and an Apple touch icon — from one image.