Data URL encoder & decoder

Client

Build data: links for inline SVG, tiny images, or UTF-8 snippets—or paste an existing data URL to inspect MIME type and preview content. Large payloads can freeze the tab; keep inputs modest.

Encode text

?

Wraps UTF-8 text in data:…;base64,…. MIME defaults to plain text; change it for JSON, SVG, or other inline snippets.

URL prefill q loads this field.

Encode file (read as data URL)

Uses the browser's readAsDataURL—good for small images or assets.

Decode data URL

Paste a full data: URL. Images preview below; text MIME types show UTF-8 text.

Common use cases

  • Embed a small icon or illustration in HTML or CSS without a separate request.
  • Inspect a data URL copied from DevTools or an email template.
  • Prototype JSON or text fixtures as a single pasteable data URL.

Common mistakes to avoid

  • Putting huge binaries in data URLs

    Very large Base64 blobs inflate memory and URL length. Prefer files or CDNs for big assets.

FAQ

Does this upload my file?

No. File read and encoding use browser APIs on your device.

More tools

Related utilities you can open in another tab—mostly client-side.