Image to Base64
Encode an image as a Base64 data URI and copy it as a raw string or a ready-made HTML, CSS, or Markdown snippet. It runs entirely in your browser.
Runs in your browser. Your input is not uploaded to PayloadIQ.
Embed an image as text
A data URI turns a picture into a string you can paste straight into markup — no separate file, no extra request. Drop an image and copy it as a raw data URI or as an <img>, a CSS background-image, or a Markdown image. Best kept for small assets like icons and logos, since Base64 adds roughly a third to the size.
Local and safe
The image is read and encoded on your device with no upload, so it's fine for private or unreleased assets.
FAQ
What is a Base64 data URI good for?
It embeds the image directly in HTML, CSS, or Markdown as text, so the file loads with the document and needs no separate request. It's handy for tiny icons, email templates, and self-contained files.
Is my image uploaded?
No. The encoding happens in your browser with the FileReader API. The image stays on your device.
Why is the Base64 string bigger than the file?
Base64 represents binary data with text, which adds about a third to the size. That's normal and unavoidable, so data URIs suit small images best.
Which snippet should I use?
Use HTML for an <img> tag, CSS for a background-image, or Markdown for docs and READMEs. The Data URI tab gives you the raw string to use anywhere.