Data URI
Build or decode data: URLs from files or text. Get CSS, HTML, and Markdown snippets, live MIME/size info, image preview, and download — all in this tab.
394 characters
Runs in your browser. Nothing is uploaded.
How it works
Encode a file or text
Drop any file up to 5 MB, or type text with a MIME type (optional Base64). The data: URL appears on the left.
Pick a snippet
Switch between raw URI, CSS background-image, HTML img/object, or Markdown. Copy or download the snippet.
Decode and preview
Paste an existing data URI to see MIME, size, image preview, and download the original bytes.
What is a Data URI?
A data URI (RFC 2397) packs media type and payload into a single URL, often as Base64. This page builds and unpacks those URLs locally for CSS backgrounds, HTML embeds, and Markdown — Easy24 does not receive what you enter.
Why use this tool
- File and text → data URI in the browser
- CSS, HTML img/object, and Markdown snippets
- Live MIME type and byte size
- Image preview for image/* URIs
- Decode and download any valid data URI
- Free plan: 20 uses per day, 5 MB max
Questions
What is a data URI?
A data: URL embeds file bytes (often Base64) directly in HTML, CSS, or Markdown so you do not need a separate file request.
How do I use this tool?
Drop a file or encode text to build a data URI, choose a snippet format, or paste a data URI to preview and download.
Are my files uploaded?
No. Encoding and decoding run in your browser. Easy24 never receives the file.
Is there a daily limit?
Yes. The free plan allows 20 file encode/decode uses per day, with files up to 5 MB. The counter sits above the workspace.
Do I need an account?
No. Open the tool and use it. An account is only for Pro later.
Does it work on a phone?
Yes. It runs in the mobile browser. Keep the tab open while working with large files.
When should I avoid data URIs?
Very large assets bloat HTML/CSS and hurt caching. Prefer normal URLs for big images and use data URIs for small icons or inline SVGs.
If Easy24 helped, buy a coffee
Tools stay free in your browser. One-time thanks via Kreosus. Turkish cards work.
Similar Convert tools
See allBase64 Encode / Decode
Convert
Encode and decode UTF-8 text as Base64 or Base64URL. Live conversion, MIME line wrap, byte stats, and hex view — entirely in the browser.
OpenFile ⇄ Base64
Convert
Encode any file to Base64, Data URI, HTML, CSS, JSON, XML, or Markdown — or paste Base64 to download the file. URL-safe and MIME wrap options. Runs in this tab.
OpenImage ⇄ Base64
Convert
Convert images to Base64 or data URLs and decode them back. Live preview, HTML/CSS/Markdown snippets, MIME and pixel size — nothing uploaded.
Open