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. Suitable for small icons, background images, and inline scripts.
▶Use Cases4 scenarios
- ◆Icon inlining
- ◆Background embedding
- ◆Reduce HTTP requests
- ◆SPA optimization
▶How to Use4 steps
- 1Enter text or upload image
- 2Auto-convert to Data URI
- 3Copy the result
- 4Paste into HTML/CSS
▶Features4 features
- ✓Text/image support
- ✓Base64 encoding
- ✓Reduce HTTP requests
- ✓Free
▶FAQ6 questions
What is the Data URI Generator?
An online frontend tool. Input: text or an image file. Output: a Base64-encoded Data URI embeddable directly in HTML/CSS. Use it for small icons and backgrounds to cut HTTP requests and speed up pages.
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.
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.