Base64 Image Encoder

Convert images to Base64 data URIs and decode Base64 strings back to images. Copy as data URI or raw Base64. Free, runs entirely in your browser.

Drop an image here or

Reference

What is Base64 image encoding?

Base64 encoding converts binary image data into an ASCII text string using a 64-character alphabet (A–Z, a–z, 0–9, +, /). The result can be embedded directly in HTML or CSS as a data URI: data:image/png;base64,iVBOR.... This eliminates the need for a separate HTTP request to load the image. The trade-off is that Base64 encoding increases the data size by approximately 33%, so it's best suited for small images like icons, logos, and UI elements under ~10 KB.

Common use cases

  • CSS backgrounds — embed small icons and patterns directly in stylesheets to reduce HTTP requests.
  • HTML emails — inline images as data URIs since many email clients block external image loading by default.
  • Single-file HTML — create self-contained HTML documents with all images embedded inline.
  • API payloads — transmit images as Base64 strings in JSON APIs where binary data is not supported.
  • README badges — embed small status icons in Markdown files without external hosting.

Privacy

All processing runs 100% in your browser. No images are uploaded to any server.

← Back to all tools