What is a Base64 data URI?

A data URI embeds file content directly in a string using Base64 encoding. It looks like data:image/png;base64,iVBOR... and can be used in CSS background-image, HTML img src, or JSON payloads without needing a separate file request.

How does Base64 affect file size?

Base64 encoding increases data size by approximately 33%. A 100 KB image becomes roughly 133 KB as a Base64 string. It is best suited for small images (icons, thumbnails) where eliminating an HTTP request outweighs the size increase.

Which image formats are supported?

PNG, JPG, WebP, GIF, and BMP are all supported. The tool reads the file as-is and produces a data URI with the correct MIME type, so the encoded string preserves the original format.

Image to Base64

Convert any image to a Base64 data URI ready to paste into CSS, HTML, or JSON. Supports PNG, JPG, and WebP. All processing happens in your browser — your files never leave your device.

Drop an image here or click to browse

PNG, JPG, WebP, GIF, BMP — max 10 MB

Your files are processed entirely in your browser. Nothing is uploaded to any server.

How to Use Image to Base64

1
Upload your image
Drag and drop your image file or click the upload area to select it from your device.
2
Configure settings
Adjust the output format, quality, size, or other options as needed.
3
Download the result
Click the download button to save the processed image to your device. Everything runs in your browser — no files are uploaded to any server.

Frequently Asked Questions

Next Steps

Compress images before encoding

Related Tools

Base64 to Image

Decode Base64 strings back to image files.

Base64 Encode

Encode text to Base64 for APIs and configs.

PNG to JPG Converter

Convert PNG to JPG with automatic white background fill.

Related Guides

What Is Base64 Encoding? A Plain-English Guide

A clear explanation of Base64 encoding — what it is, how it works, and where it is used in web development, emails, and APIs.