Image to Base64
Encode any image as a Base64 string for HTML, CSS or JSON. Runs in your browser — no upload.
Rate this tool
5.0 · 2 ratingsWhat is this tool?
A no-fuss Base64 encoder for HTML, CSS and JSON snippets — runs locally in your browser.
Four output shapes
Pick raw Base64, a Data URL, an HTML `<img>` snippet or a CSS background — copy what you actually need.
Stays in your browser
Encoding runs entirely on your device. We never upload your image or your output string.
Any common format
JPG, PNG, WebP, GIF, SVG, BMP and AVIF — the same Base64 step works for all of them.
How to use
- 1
Drop your image
Drag and drop or click to choose any common image format (up to 25 MB).
- 2
Pick a wrap format
Switch between Data URL, raw Base64, HTML `<img>` tag, or CSS background-image as needed.
- 3
Copy or download
Hit Copy to put the string on your clipboard, or download it as a .txt file.
Frequently Asked Questions
What is Base64 encoding?
Base64 is a way of representing binary data — like the bytes of an image — as plain text. It's how you can paste an image directly inside HTML, CSS or JSON.
When should I inline an image?
Small icons and decorative SVGs (a few KB) are usually fine to inline. Anything bigger ends up cached worse than a real image file, so prefer a normal `<img src="...">`.
Why is the Base64 larger than the file?
Base64 adds ~33% overhead because it uses six bits per character instead of eight. A 100 KB image becomes a ~134 KB string.
Does it support SVG and GIF?
Yes. For SVG specifically, also consider URL-encoded SVG (more compact than Base64) — that is a separate tool we will add later.
Is my image uploaded anywhere?
No. Everything happens locally in your browser using FileReader; the page is static.