🖼️ Image → Base64 / Data URL Converter

Drag & drop an image to convert it to Base64 or a Data URL. Drop into CSS background-image or HTML img tag directly.

✅ 100% free, no signup, runs entirely in your browser

📂

Drag & drop an image, or click to select

PNG / JPG / WebP / SVG / GIF / AVIF / BMP / ICO

💡 How to Use Data URLs

• Embedding small icons or 1–2 KB images reduces HTTP request count.

• Base64 encoding adds ~33% size overhead. Embedding large images can hurt performance.

• For SVG, consider inlining as plain XML — often smaller than Base64.

1

Drop or click to select an image

Drag and drop an image onto the drop zone, or click to select a file. PNG, JPG, WebP, SVG, and most other formats are supported.
2

Select output format

Choose Data URL, Base64 only, CSS background-image, HTML img tag, or Markdown format.
3

Copy and use

Click Copy to save the encoded text to your clipboard, then paste it into your code.

Does it support pasting from clipboard?

Yes. Copy an image to your clipboard (e.g., a screenshot), then press Ctrl+V / Cmd+V anywhere on the page to load it automatically.

How does Base64 affect file size?

Base64 encoding increases the file size by approximately 33%. Embedding large images can hurt page load performance.

When is it appropriate to use a Data URL?

Data URLs work well for small icons or inline images under 1–2 KB to reduce HTTP requests. They are not suitable for large images.