Useful Hacks

Base64 File Encoder

Encode any file to a Base64 string or data URI.

Processed locally in your browser. Your file is never uploaded.

Overview

Encodes any file — images, fonts, small documents — into a Base64 string or a ready-to-use data: URI you can embed directly in HTML or CSS.

How to use it

  1. 1Drop a file.
  2. 2Copy the Base64 string or the full data URI.
  3. 3Toggle between the two formats.

Tips

  • Data URIs are convenient for small assets, but embedding large files this way bloats HTML/CSS and skips browser caching — keep it to small icons or fonts.

Related tools

All developer tools

Search tools

Search for any tool by name, category or keyword