🖻Image ↔ Base64 Converter
Encode an image as a Base64 data URL, or decode a data URL back to an image. Useful for inline-embedding images in CSS or email, inline SVG icons, including images in React components, and avoiding caching for tiny icons.
🔒 Browser-based✓ No watermark✓ No signup
How to use
- 1Upload an image — a Base64 data URL is generated automatically.
- 2Or paste a data URL to preview as an image.
- 3Use the copy button to grab the result.
FAQ
Is data URL bigger than the original?+
Base64 increases size by about 33%. Outside of inline embedding, external files are usually more efficient.
When is inline better?+
(1) Tiny icons (<5KB), (2) when you want to cut HTTP requests, (3) embedding images in emails without attachments.
Large images as Base64?+
Bigger file + no caching + bloated HTML/CSS. Use external files for big images.
Why doesn't my data URL work on the page?+
(1) Length limits — some browsers can't handle very long data URLs, (2) Content Security Policy (CSP) may block data URLs.