Skip to content

Image to Base64 Converter

Base64 embeds an image as text — handy for tiny icons in CSS, email templates, JSON payloads and quick demos. Drop an image and get the complete data URL (prefix included), its exact length, and the honest overhead: Base64 always inflates data by about a third, which is why it suits small assets, not hero photos.

Drop an image to encode as Base64

JPG, PNG, WebP, AVIF, GIF, BMP, TIFF, HEIC or SVG — processed locally, never uploaded · You can also paste from the clipboard

How to image to Base64

  1. Drop an image.
  2. Copy the data URL, or download it as a .txt file.
  3. Paste it into your HTML, CSS or JSON.

Frequently asked questions

When should I NOT use Base64?

For anything large or reused: a separate image file is cached by browsers and smaller on the wire. Base64 shines for very small images (a few KB) that would otherwise cost an extra request.

What is a data URL?

A URL that contains the data itself: data:image/png;base64,… — browsers decode it inline wherever a normal image URL works.

Related tools