Skip to content
The Internet Compass

Image & Design

Image to Base64

Encodes an image into a data URL you can embed directly in CSS or HTML — useful for small icons where an extra HTTP request isn't worth it.

FreeNo sign-upRuns in your browser

How it works

  1. 1Drop an image in
  2. 2Get its Base64 data URL
  3. 3Copy it into your CSS or HTML

Who this is for

  • Inlining a small icon to avoid an extra request
  • Embedding an image in a single-file HTML export
  • Quick base64 encoding during development