SVG zu Data-URI

Kodiere SVG für img src, CSS url() oder überall dort, wo ein URI hinpasst.

oder Datei ablegen / Code unten einfügen
Data-URI
Die Ausgabe erscheint hier

So funktioniert es

  1. 1Füge SVG-Code ein oder lege eine .svg-Datei ab.
  2. 2Wähle URL-Kodierung (kleiner) oder base64.
  3. 3Kopiere den Data-URI zur Verwendung in HTML, CSS oder Markdown.

Kostenlos, ohne Registrierung, ohne Wasserzeichen — alles läuft lokal in deinem Browser, deine Dateien verlassen also nie deinen Rechner.

Häufige Fragen

URL-kodiert oder base64 — was ist besser?

Für SVG ist die URL-Kodierung meist 20–30 % kleiner und bleibt lesbar. base64 ist in strengen Parsern die sicherere Wahl.

Verwandte Werkzeuge