What is an image data URI?

A data URI embeds the image bytes directly in the text using Base64. It can be pasted into HTML, CSS or a JSON field without a separate image file.

Does Base64 make the image bigger?

Yes, by about a third. Base64 encoding uses four characters for every three bytes, so a 300KB image becomes roughly 400KB of text.

Use it for very small icons, email templates or single-file demos. For normal websites a separate image file caches better and keeps the HTML small.

No. The file is read with the browser FileReader API and never leaves your device.

Turn an image into a Base64 data URI, then copy it as a URL, a CSS background or an <img> tag. The file never leaves your browser.

Click or drop an image

PNG, JPG, GIF, WebP or SVG · max 10MB · converted locally

To shrink the image before encoding, use the Image Compressor or Image Format Converter. For text and files, the Base64 Encoder & Decoder handles the general case.

From internal tools to full platforms — we deliver end to end.

Was this tool useful?

Runs in your browser — nothing is uploaded.