SVG-zu-Base64-Konverter

SVG-Dateien sind XML-basierte Vektorbilder. Wenn Sie svg to base64 konvertieren, verwandeln Sie die Datei in einen einzelnen Textstring, den Sie in JSON, JavaScript oder Legacy-Templates einfügen können.

Dieses Tool gibt eine data:image/svg+xml;base64,... URI aus, die Sie aus dem Data-URI-Tab kopieren können.

Die kodierte URI behält den SVG-MIME-Typ bei, sodass Browser sie als Vektorbild rendern.

Wenn Sie einen data image svg xml base64-Wert benötigen, kopieren Sie die vollständige URI aus der Konverter-Ausgabe und fügen Sie sie in Ihren Code ein.

Nutzen Sie die HTML- oder CSS-Tabs, wenn Sie ein fertiges Snippet statt des rohen Strings wünschen.

Inline-SVG-Markup lässt sich leichter mit CSS stylen und erzeugt oft geringeres Seitengewicht.

Base64-SVG eignet sich besser, wenn Sie einen kodierten String für Konfigurationen, JavaScript-Variablen oder Systeme benötigen, die keine rohen XML-Blöcke akzeptieren.

Platzieren Sie in HTML die Data URI im src-Attribut eines img-Tags, wenn Sie ein base64 img tag-Muster für Vektor-Icons benötigen.

Verwenden Sie in CSS background image base64-Werte mit background-image: url("data:image/svg+xml;base64,..."); für Icons, Badges und dekorative Assets.

Große SVG-Dateien erzeugen lange Base64-Strings, die im Quellcode schwer zu lesen und zu pflegen sind.

Manche SVG-Funktionen verhalten sich anders, wenn Sie das Bild über ein img-Tag statt als Inline-SVG laden.