Data URI Encoder
Inline small assets for CSS, emails, demos and tests. Encode text or SVG as base64 or percent-encoded data URIs, and decode existing data URIs for inspection.
asset.txt
asset.uri298 chars
runtime
Browser-local execution
Inputs stay inside the current tab unless you copy, download or explicitly export.
memory
Session handoff
Magic Paste can pass input to a target tool through sessionStorage, never through the URL.
control
User-owned state
Favorites, recent tools and workflow history are local browser data you can clear from the browser.
smart handoff graph
session handoff readySuggested next moves
sponsor
Sponsor this toolFixed native slots for developer products. No third-party tracking, no popups, no layout shift.
01
How to use
- 01Choose Encode or Decode mode.
- 02Set the MIME type for encoded assets when needed.
- 03Copy the generated data URI or decoded text.
02
FAQ
- When should I use a data URI?
- Use it for small inline assets, prototypes, tests, email snippets or CSS backgrounds. Large assets should stay as files.
- Does it support SVG?
- Yes. SVG text is a first-class use case and can be encoded as base64 or percent-escaped UTF-8.
03