Data Uri Generator

What Is a Data URI?

A Data URI is a way to embed file data directly into a URL instead of referencing a separate external file. The data is typically encoded as Base64 and can be used for resources such as images, fonts, CSS, and other small files.

For example: dattext/plain;base64,SGVsbG8gV29ybGQ=

This represents text data encoded directly inside the URI.

How to Generate a Data URI?

1. Open the Data URI Generator: Use the tool to convert a local file into an embeddable Data URI.

2. Choose Your File: Drag and drop a file into the upload area or click Browse File to select one from your device.

3. Select a Supported File: The tool supports images, SVG, CSS, JavaScript, HTML, JSON, XML, TXT, fonts, and other file types.

4. Generate the Data URI: After uploading, the tool processes the file and converts its contents into a Data URI using the appropriate encoding.

5. Use the Result: Copy the generated URI and use it where an inline or embedded resource is supported.

Data URI Example: 

Where Can Data URIs Be Used?

HTML

Data URIs can be used directly in HTML attributes such as an image source:

CSS

Small assets can be embedded directly inside CSS:

JavaScript

A generated Data URI can also be used by JavaScript when working with supported data URLs.