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.

Yes. SVG text is a first-class use case and can be encoded as base64 or percent-escaped UTF-8.

/encoding local tool

Suggest an improvement

Data URI Encoder

Create base64 or percent-encoded data URIs and inspect existing ones.

Local execution receiptinput path disclosedTool content stays out of MonoTools URLs and API requests.

Working input: Browser memory
Cross-tool handoff: Session only · 10 min
URL payload: Never
Export: Explicit action

Verify it: open DevTools Network, clear the log, use the tool, then inspect fetch/XHR requests. Page assets and optional aggregate analytics may use the network; tool input is not included.

Full privacy model

Loading tool...

How to use

01Choose Encode or Decode mode.
02Set the MIME type or open a local file up to 16 MiB.
03Compare Base64 and percent-encoded size, or download the decoded binary file.

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.

How to use

FAQ

Related tools