Data URI Tools

Creator

Decoder

Create Data URIs from files, or Decode Data URIs back to files. Supports base64 encoding and decoding of most file types.

How to use Data URIs

Data URIs allow you to embed resources directly in the web-page. One example is an image/png file. Instead of uploading the PNG file to your web-server and linking to it in the traditional way you may embed the resource directly in HTML5 code.

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUA
AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO
9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="Red dot">

Produces the image:

You may find more examples along with pros and cons at Wikipedia.

Create your own

Select the creator link near the top of this page and upload a file. You will be presented with a base64 encoded data URI based on the file you selected. Uploaded files are not archived on the server. The Data URI generator now supports client side javascript encoding, so you can now generate data URL without sending the files!