CodeNeat

Base64 Encoder for Data URLs

Your data never leaves your browser

Data URLs embed content directly in HTML/CSS using data:[type];base64, scheme.

Example

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2L2 7l10 5z"/></svg>
Try Base64 Encode Decode Now

Tips

  1. 1Prefix: data:image/svg+xml;base64,
  2. 2Only inline small resources.
  3. 3Modern bundlers auto-inline.

Frequently Asked Questions

When to use?

Small resources, email templates.

Browser support?

All modern browsers.

In CSS?

Yes. background-image: url(data:...).