Tool Hub

Base64 Image

Convert images to and from data:image Base64 strings

Download

How to use

  1. Upload an image file or drag it onto the drop zone to encode it.
  2. Copy the generated data:image Base64 string for inline use in HTML, CSS, or JSON.
  3. To decode, paste an existing data:image string and the original image is rendered for download.
  4. Use Base64 inlining for tiny assets to save an HTTP request; avoid it for large images.

Examples

  • Embed a small icon directly in CSS: background: url(data:image/png;base64,iVBOR...).
  • Paste a data:image/svg+xml;base64 string to preview and download the original file.

Verify outputs before using in production. No warranty — see Terms.