Image to Base64

Convert an image to a Base64 data URI you can embed in HTML or CSS.

Related Tools

🧬
Base64 Encode / Decode
Encode any text to Base64 or decode a Base64 string back to plain text.
 🔠
Hex to Text Converter
Convert text to hexadecimal and hex back to readable text.
 💾
File Size Converter
Convert between bytes, KB, MB, GB, TB in both decimal (SI) and binary (IEC) units.

0 comments

How it works

The tool reads your image file with the browser's FileReader as a data URL, which encodes the raw bytes in Base64 and prefixes them with the correct MIME type. The result is a complete data URI you can paste straight into an HTML img src or a CSS background-image, plus the raw Base64 on its own. Inlining small images this way saves an HTTP request. Because the file is read locally, nothing is uploaded — safe for private or unreleased graphics.


              data:image/png;base64,iVBORw0KGgo…

Common use cases

  • Inlining a small icon or logo directly in HTML or CSS.
  • Embedding an image in an email template without external hosting.
  • Pasting a graphic into a JSON config or data URI field.

Frequently asked questions

Should I inline large images as Base64?

Generally no. Base64 makes data about 33% larger and cannot be cached separately, so it suits small images like icons. For large images, a normal file reference is more efficient.

What formats are supported?

Any image the browser can read — JPG, PNG, GIF, WebP, and SVG. The data URI keeps the original format and MIME type.

Is my image uploaded?

No. The file is read locally with FileReader and encoded in your browser. It is never sent to a server.