Drop an image and get a Base64 data URI, ready for CSS or HTML.
Loading Image → Data URI…
How to use Image → Data URI
Open the Image → Data URI tool.
Paste or type your text, code or a token into the input field.
The output updates as you type. Adjust the options if you need a different format.
Copy the result, or share the URL to hand the exact input to someone else.
About Image → Data URI
Drag in an image and get a Base64 data URI you can paste straight into CSS or HTML, plus its file size, pixel dimensions, MIME type and the encoded length. Everything is read locally; the image is never uploaded.
What people use it for
Inline a small icon or logo as a data: URI to save an HTTP request.
Embed an image in an email template or single-file HTML page.
Check how much larger an image becomes once Base64-encoded.
Frequently asked questions
What formats work?
Any browser-readable image: PNG, JPEG, SVG, WebP and GIF.
How much bigger does Base64 make the file?
About a third larger. Base64 spends four characters on every three bytes, and the data: prefix adds a little more. Worth it for a small icon you want to inline; rarely worth it for a photo.
Is it private?
Every calculation happens on this page, in your own browser. Your input is never sent to a server and never logged, which also means the tool keeps working when you are offline.