Base64 Image & File Studio
Convert images, fonts, and assets into Base64 Data URIs for inline HTML/CSS embedding or decode Base64 strings back into files.
Choose File, Drag & Drop, or Paste from Clipboard
Supports PNG, JPG, WebP, SVG, GIF, ICO, PDF, WOFF2 fonts, or JSON. Processed 100% in your browser.
lighthouse-badge.svg
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0Ij48cGF0aCBmaWxsPSIjMDBhMTllIiBkPSJNMTIgMkw0IDVsMCA2YzAgNS41NSAzLjg0IDEwLjc0IDggMTIgNS4xNi0xLjI2IDgtNi40NSA4LTEyVjVsLTgtM3oiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJtMTAgMTUgNS41LTUuNS0xLjQyLTEuNDJMMTAgMTIuMTcgOC45MiAxMS4wOSA3LjUgMTIuNXoiLz48L3N2Zz4=" alt="lighthouse-badge.svg" />background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0Ij48cGF0aCBmaWxsPSIjMDBhMTllIiBkPSJNMTIgMkw0IDVsMCA2YzAgNS41NSAzLjg0IDEwLjc0IDggMTIgNS4xNi0xLjI2IDgtNi40NSA4LTEyVjVsLTgtM3oiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJtMTAgMTUgNS41LTUuNS0xLjQyLTEuNDJMMTAgMTIuMTcgOC45MiAxMS4wOSA3LjUgMTIuNXoiLz48L3N2Zz4=');About this tool
Comprehensive documentation & audit utility guideBase64 is a binary-to-text encoding scheme that converts binary files (images, fonts, PDFs, icons) into ASCII string formats for inline embedding inside HTML, CSS stylesheets, and JSON APIs. This studio performs bidirectional encoding and decoding entirely within your browser using the HTML5 FileReader API with zero server latency.
How it works
Drop or Paste File
Drag and drop any image, font, or document, or paste directly from your clipboard (Ctrl+V) to encode it.
Select Embed Format
Choose between full Data URI, raw Base64, HTML <img> tags, or CSS background-image snippets with 1-click copy.
Decode & Download
Switch to decoder mode to preview raw Base64 strings and reconstruct downloadable binary files with automatic MIME detection.