What is Data URI Generator?
Free online Data URI generator. Convert text or images to Data URI format (Base64 encoded) for embedding directly in HTML/CSS. Reduces HTTP requests and speeds up page loading. Perfect for small icons, background images, and inline scripts.
Use Cases
- ◆Icon inlining
- ◆Background embedding
- ◆Reduce HTTP requests
- ◆SPA optimization
How to Use
- 1Enter text or upload image
- 2Auto-convert to Data URI
- 3Copy the result
- 4Paste into HTML/CSS
Features
- ✓Text/image support
- ✓Base64 encoding
- ✓Reduce HTTP requests
- ✓Free
FAQ
What are the downsides of Data URIs?
They increase HTML/CSS file size. Best for resources under 10KB.
Are Data URIs universally supported?
Yes, all modern browsers support them.
What are the downsides of Data URIs?
They increase HTML/CSS file size. Best for resources under 10KB. Not suitable for large images.
Are Data URIs cached by browsers?
No. Data URIs are embedded directly in the document and cannot be cached separately.
What is the format?
data:[<mediatype>][;base64],<data>. For example: data:image/png;base64,iVBOR...
Can I use Data URIs in CSS?
Yes. background-image: url(data:image/png;base64,...) works in all modern browsers.