Free Image to Base64

Convert any image to Base64 in one click — as a data URI, plain Base64, HTML <img> tag, CSS background or Markdown, ready to copy. Free, no sign-up, nothing uploaded.

  • 100% free
  • No limits
  • No upload
  • No watermark
  • Works on mobile
Loading tool…
How it works

How to convert an image to Base64

  1. 1

    Add your image

    Drag and drop an image, click to browse, or paste one with Ctrl+V.

  2. 2

    Pick the output

    Choose a data URI, plain Base64, an HTML <img> tag, a CSS background or Markdown.

  3. 3

    Copy the code

    Click Copy and paste it into your HTML, CSS, JSON, email template or API request.

  4. 4

    Or download it

    Save the encoded text as a .txt file if it is too long to copy comfortably.

Features

Embed images anywhere as text

For HTML emails, CSS, JSON, APIs and single-file web pages.

Ready-to-paste formats

Data URI, raw Base64, HTML <img>, CSS background-image and Markdown — no manual editing.

Every image type

PNG, JPG, WebP, GIF, SVG, ICO, BMP and AVIF, with the right MIME type filled in.

See the size

Compare the original file size with the encoded text, so you know what you are embedding.

Both directions

Switch between Image → Base64 and Base64 → Image with one click.

100% private — no upload

Images and strings are processed in your browser and never leave your device.

Free, no limits

No sign-up, no watermark and no limit on how many images you convert.

Works on phone and computer

Use it in any modern browser on Android, iPhone, Windows, Mac or Linux.

FAQ

Image to Base64 — frequently asked questions

How do I convert an image to Base64?

Add your image above. The Base64 code appears instantly — choose the format you need (for example Data URI or HTML <img>) and click Copy.

What is a Base64 data URI?

A data URI puts the whole image inside a text string such as data:image/png;base64,iVBOR…. You can use it anywhere an image URL goes, like an <img> src or a CSS background, without a separate file.

When should I use Base64 images?

For small icons, logos and images in HTML emails, single-file pages, JSON or APIs. For large photos a normal image file is better, because Base64 is about 33% bigger and cannot be cached separately.

Why is the Base64 bigger than my image?

Base64 uses 4 text characters for every 3 bytes, so the encoded text is about a third larger than the original file.

Is my image uploaded?

No. The conversion happens in your browser, so your image never leaves your device.

Support

Help keep Qu-Outil free

I build and run these tools in my free time and keep them free for everyone — no ads, no sign-up. If they helped you, buy me a chai or coffee via Google Pay or any UPI app. Your support keeps me building more free tools. Completely optional.

Google Pay / UPI ID
samarthdalela@oksbi
☕ Pay ₹50 with UPI app

The button opens Google Pay, PhonePe or Paytm on your phone. On desktop, scan the QR.

Scan to pay ₹50

Works with any UPI app