Image to Base64
Encode images to Base64 in multiple formats, decode Base64 back to images, or batch encode.
Free & unlimited
Mode
All processing happens in your browser. No data is sent to any server.
About this tool
- 1
Upload an image
Select a PNG, JPG, SVG, GIF, or WebP file from your device.
- 2
Get the Base64 string
The tool instantly encodes the image and generates a data URI string.
- 3
Copy the output
Copy the full data URI for use in HTML, CSS, or JavaScript code.
- Base64 encoding increases file size by roughly 33% - only inline small images (under 10 KB) for best performance.
- Use Base64 images in CSS backgrounds to reduce HTTP requests on critical above-the-fold elements.
- For HTML emails, Base64 inline images display without needing the recipient to allow external images.
- SVG files can often be URL-encoded instead of Base64-encoded for smaller data URIs.
- Instant encoding
- Full data URI with MIME type
- One-click copy to clipboard
- Supports all common image formats
- Shows encoded size vs original size
- Embed small icons directly in CSS or HTML to eliminate extra HTTP requests.
- Include images in HTML email templates that display without loading external resources.
- Store image data in JSON configuration files or database fields.
A data URI encodes file content as a text string that can be used directly in HTML or CSS, prefixed with the MIME type like "data:image/png;base64,..." - no separate file needed.
For small images (under 10 KB), inlining saves an HTTP request and can be faster. For larger images, Base64 bloats the HTML/CSS file and is slower than loading them separately.
Yes, any browser can render a data URI directly. You can paste it into the address bar to view it, or use a decoder tool to save it as a file.