Entwicklerfertig
Data URI, CSS oder HTML aus demselben SVG erzeugen.
← Alle SVG-Tools
SVG → DATA URI
SVG in Data URI konvertieren
SVG-Dateien für die direkte Nutzung in HTML, CSS und Webprojekten codieren.
Lokale Verarbeitung im Browser
SVG hochladen
URL-Codierung oder Base64 wählen und Entwickler-Ausgabe lokal erzeugen.
Upload your SVG
Encode SVG markup for direct use in HTML, CSS or other web projects.
1. Source
Choose or drop your SVG file
Drag it here or click to browse
2. Encoding
Encoding method
Percent-encodes the SVG as UTF-8 text. This is usually easier to inspect and often smaller than Base64 for SVG.
Encoded locally. Your SVG never leaves your device.
Encoding locally…
3. Result
Ready
Copy your encoded SVG
SVG size—
Output length—
Output format
Ready to paste directly into your project.
Developer-readyPrivateUTF-8 safe
Vorteile
Entwicklerfertig, privat und flexibel
Privat
Die Codierung läuft lokal.
Flexibel
URL-Codierung oder Base64 wählen.
So funktioniert es
SVG in Data URI konvertieren
- 1SVG auswählen oder ablegen.
- 2URL-Codierung oder Base64 wählen.
- 3Data URI lokal erzeugen.
- 4Data URI, CSS oder HTML kopieren.
Weiterarbeiten
Verwandte Tools
FAQ
Häufige Fragen
URL-Codierung oder Base64?
URL-Codierung ist für SVG oft ideal. Base64 verwenden, wenn es ausdrücklich benötigt wird.
Kann ich das Ergebnis in CSS nutzen?
Ja. Kopiere die erzeugte background-image-Deklaration.
Wird das SVG hochgeladen?
Nein, die Codierung läuft lokal.
ALLONLINE.TOOLS
