Turn any image into a Base64 data URI you can paste straight into HTML or CSS — or decode a data URI back into a downloadable image. It runs entirely in your browser, so nothing is uploaded.
Drop an image here, or click to select
Up to 20 files, 50 MB each
Paste a full image data URI to preview it and download the file.
Embedding an image as a data URI removes one HTTP request, which can help for tiny, critical assets — an icon in a CSS file, an image in an email template, or a small logo in a self-contained HTML file.
Watch the size. Base64 encoding makes data roughly 33% larger, and inlined images can't be cached separately by the browser. For anything beyond a few KB, a normal <img> with a real URL is usually faster.
Most Base64 encoders upload your file to a server first. This one uses your browser's own FileReader API, so the image never leaves your device — which matters for anything private or unreleased.