How to use
- Select an image to convert.
- Base64 and the Data URL are generated instantly.
- Copy the full Data URL, raw Base64, CSS or Markdown snippet.
FAQ
When should I use Base64?
Small icons in CSS, HTML emails, single-file demos, or images inside JSON configs.
Why is the output bigger?
Base64 encoding inflates data by ~33% — that's expected; use it for small images only.
Which formats work?
Any image format your browser can display.
About this Image to Base64
Base64 encodes an image as a text string you can embed directly in HTML, CSS or JSON — saving an extra request. Perfect for small icons, inline backgrounds and email templates. Note the encoded string is ~33% larger than the file, so compress large images first.