Image to Base64 Encoder

Encode any image as a Base64 data URI for embedding in HTML, CSS, or JSON.

Image Tools100% private

Image to Base64 Encoder

Encode any image as a Base64 data URI for embedding in HTML, CSS, or JSON.

Click or drag an image here

How it works

  1. 1
    Upload an imageSelect any image file.
  2. 2
    EncodeThe image is converted to a Base64 data URI string.
  3. 3
    CopyUse the data URI in HTML, CSS, or JSON.

Frequently asked questions

What is Base64?
Base64 encodes binary data as text. A data URI like data:image/png;base64,... lets you embed images directly in HTML or CSS without a separate file.
When should I use this?
For small images (icons, logos) in HTML/CSS to reduce HTTP requests. Not recommended for large images - they're ~33% larger as Base64.

Related tools