Encoding

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

Suggested next moves

session handoff ready
sponsor

Fixed native slots for developer products. No third-party tracking, no popups, no layout shift.

Sponsor this tool
01

How to use

  1. 01Choose Encode or Decode mode.
  2. 02Set the MIME type for encoded assets when needed.
  3. 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

Related tools