Data URI Generator & Decoder

Embed small assets directly inside HTML, CSS, or JSON documents without hosting separate files.

Back to all tools

How it works

Step 01

Select File or Enter Text

Upload a local file or type text.

Step 02

Generate

The tool generates the RFC 2397 Data URI string.

Step 03

Copy

Copy into your HTML <img> tag or CSS background-image.

Frequently Asked Questions

Data URIs are ideal for embedding small icons, SVG graphics, or CSS directly into HTML to reduce HTTP requests.