Base64 Encode Image

Encode images to Base64 data URIs for embedding in HTML, CSS, or JavaScript

Drag and drop an image here

or

What is Base64 Image Encoding?

Base64 encoding converts binary image data into a text string that can be embedded directly in HTML, CSS, or JavaScript. This is useful for embedding small images without separate HTTP requests.

How to Use

  1. Drag and drop an image file or click to choose a file
  2. The image will be encoded to Base64 format
  3. Copy the Base64 string or Data URI for use in your code