Image to Base64
betaThis tool encodes an image to a Base64 data URI so you can embed it inline in CSS (background-image), HTML (an img tag) or JSON without a separate file request. The image is read and encoded in your browser, so it is never uploaded.
Convert an image to a Base64 data URI you can paste straight into CSS, HTML or JSON — no upload, it is encoded in your browser.
How to use Image to Base64
- 1 Drop an image onto the box or click to browse.
- 2 The tool encodes it and shows the data URI plus ready-made CSS and HTML snippets.
- 3 Click Copy on the format you need.
- 4 Paste it into your stylesheet, HTML or data file.
Frequently asked questions
Is my image uploaded?
No. The image is read and Base64-encoded entirely in your browser — it never leaves your device.
When should I inline an image as Base64?
Inlining suits small images (icons, tiny backgrounds) to save an HTTP request. Base64 is about 33% larger than the file, so it is not ideal for large images.
Which formats work?
Any image the browser can read — PNG, JPG, GIF, SVG and WebP — is supported.
Can I use it in CSS and HTML?
Yes. The tool gives you the raw data URI, a CSS background-image declaration, and an HTML img tag, each with a copy button.