Convert image files to Base64 data URLs directly in your browser.
Updated
Quick start
Upload image and copy generated data URL.
Upload PNG, JPG, SVG or WebP file.
Tool reads file and creates Base64 data URL.
Use output in HTML/CSS/JSON where needed.
In-depth guide
A data URL embeds an image's bytes directly inside your HTML or CSS as a Base64 string, so the browser needs no separate network request to fetch it. This tool reads an image in your browser and produces a ready-to-paste data: URL — the file never leaves your device.
The output has the form data:<mime>;base64,<payload> — for example data:image/png;base64,iVBORw0KG.... The MIME type tells the browser how to decode the bytes, and the Base64 payload is the binary image re-encoded as text. Because Base64 uses 4 characters per 3 bytes, the encoded string is about 33% larger than the original file.
<img src>, a CSS background-image, or an email template.Inlining is ideal for tiny icons, single-use prototype assets, and email templates where external requests are blocked. For anything sizeable or shown on many pages, a normal cached image file loads faster.
The image is read with the browser's FileReader and encoded locally — it is never uploaded to any server.
Use this tool for quick browser-based work when you need an answer or output immediately. Use a dedicated application or automated workflow when you need bulk processing, approvals, or repeatable production rules.
Yes. Files are read with the browser's FileReader and encoded on your device only — nothing is uploaded.
A standard data URL of the form data:<mime>;base64,<payload>, ready to paste anywhere a URL is accepted.
Yes. Paste the output directly into an img src attribute or a CSS background-image.
Base64 encodes 3 bytes as 4 characters, so the encoded string is roughly 33% larger than the original image.
For large or reused images. They cannot be cached separately and the size penalty slows the page — a normal image file is better.
Tiny icons, single-use prototype assets, and email templates where external image requests are blocked.
Keep exploring
Hand-picked utilities that pair well with the one you're on — all free, client-side, and zero-signup.
Convert common HTML content into clean Markdown text.
Convert values between binary, octal, decimal, hexadecimal and base36.
Convert decimal values to canonical Roman numerals and validate Roman inputs with strict subtractive rules.
Shrink PDF file size without uploading to a server.
Body Mass Index with metric / imperial inputs and WHO category bands.
Combine multiple PDFs into one in your browser.
Split a PDF by pages or page ranges, download as zip.