Image to Base64

Convert images to Base64 data URLs for embedding in HTML, CSS or JSON.

100% client-side Instant results Free forever Nothing uploaded
Drop an image here or click to browse
Converted locally — best for small images under 50 KB

About the Image to Base64

Convert any image into a Base64 data URL entirely in your browser. Get ready-to-paste snippets for HTML <img> tags and CSS background-image, with the encoded size shown up front.

Data URLs let you embed small images directly in code — removing an HTTP request — which is perfect for icons, emails and single-file documents.

How to use the Image to Base64

  1. Drop or select an image.
  2. The Base64 data URL is generated instantly with size info.
  3. Copy the raw string, HTML tag or CSS rule.

Common uses

Embedding icons directly in CSS Inlining images in HTML emails Storing small images in JSON/config

Frequently asked questions

When should I use Base64 images?
For small images (under ~10 KB) where saving an HTTP request matters. Large images are better served as normal files.
Why is the Base64 bigger than my file?
Base64 encoding adds ~33% overhead because it represents binary data using 64 text characters.

Related tools

Image Compressor

Compress JPEG, PNG and WebP images locally — no uploads, no limits.

Image Tools

Image Resizer

Resize images to exact pixel dimensions or percentages, privately.

Image Tools

QR Code Generator

Create high-resolution QR codes for URLs, WiFi, text and contact info.

Image Tools

Color Picker

Pick colors and get HEX, RGB and HSL values, shades, tints and palettes.

Image Tools