Data URI Generator
Convert files to Data URIs with base64 encoding
File Input
Data URI Output
0 bytes
MIME: none
What is a Data URI?
A Data URI embeds small files directly in HTML or CSS using the format: data:[MIME-type][;base64],data. This reduces HTTP requests, improving page load speed. Commonly used for icons, fonts, and small images. The encoded data is about 33% larger than the original binary file.
Frequently Asked Questions
When should I use Data URIs?
Use for small assets (under 2KB) like icons, sprites, or inline SVGs. They eliminate HTTP requests but increase HTML/CSS size. Avoid for large images as base64 encoding adds 33% overhead.
What MIME types are supported?
All MIME types work, but common ones: image/png, image/jpeg, image/svg+xml, text/css, application/font-woff, application/pdf. The MIME type tells browsers how to interpret the data.
How do I use Data URIs in CSS?
In CSS: background-image: url('data:image/png;base64,...'); In HTML: 
. They work anywhere a URL is expected.
. They work anywhere a URL is expected.