Base64
Image Data URL
⚠️ Large image may freez the browser
Konvertiere SVG in Base64 String
Konvertieren Sie SVG-Bilder mit diesem Tool in Base64- oder DataURL-Strings. Laden Sie Ihre SVG-Datei hoch und wählen Sie das gewünschte Ausgabeformat. Verwenden Sie die Kopier-Schaltfläche, um den Code abzurufen. Diese Methode ermöglicht es Ihnen, SVGs direkt in HTML oder CSS einzubetten.
Image → Base64 / Data URL
Click or Drag & Drop an Image
Konvertiere SVG in Base64 String
1
Hochladen Sie SVG-Datei
Laden Sie Ihre SVG-Datei durch Klicken oder Draggen in den Upload-Bereich hoch.
2
Wähle Ausgabebildformat
Wählen Sie entweder den Reiter 'Base64' oder 'DataURL', um das gewünschte Ausgabeformat auszuwählen.
3
Base64-String-Anzeige
Der Base64- oder DataURL-String für dein SVG wird im Textfeld unter den Tabs angezeigt.
4
Kopieren generierten Code
Klicke die Schaltfläche 'Kopieren', um den generierten Code in deine Zwischenablage zu kopieren.
Integrieren Sie SVGs direkt in Ihren Code
Integrieren Sie ein SVG-Bild direkt in Ihre HTML- oder CSS-Dateien, ohne externe Dateien zu verwenden. Dieses Tool konvertiert SVG in Base64- oder DataURL-Strings, wodurch Arbeitsabläufe optimiert und HTTP-Anfragen reduziert werden. Verwenden Sie es, um Vektorbilder effizient in Webprojekte zu integrieren.
Schnell Vektor-Grafiken einbetten
Wenn Sie Vektorgrafiken in Ihre Webprojekte integrieren möchten? Dieses Tool konvertiert SVG-Dateien in Base64- oder DataURL-Strings, um eine direkte Einbettung in HTML oder CSS zu ermöglichen. Vereinfachen Sie Ihren Workflow, indem Sie externe Datei-Abhängigkeiten minimieren und die Leistung durch reduzierte Ladezeiten verbessern.
Häufig Gestellte Fragen
Was ist eine Base64- oder DataURL-Zeichenkette und warum brauche ich sie?
Eine Base64- oder DataURL-Zeichenfolge repräsentiert ein Bild als Text. Dies ermöglicht das direkte Einfügen des Bildes in Ihre HTML- oder CSS-Datei, ohne dass eine separate Bilddatei erforderlich ist.
Wie verwende ich diesen SVG zu Base64/DataURL-Konverter?
Laden Sie einfach Ihre SVG-Datei hoch, wählen Sie entweder 'Base64' oder 'DataURL' als gewünschtes Ausgabeformat und klicken Sie auf die Schaltfläche 'Kopieren', um den generierten Code zu erhalten.
Was sind die Vorteile der Verwendung von DataURLs für SVGs?
Das Einbetten von SVGs als DataURLs kann HTTP-Anfragen reduzieren, Ihre Projektdurchstruktur vereinfachen und potenziell die Ladezeiten verbessern.
Gibt es Einschränkungen bei der Verwendung dieses Tools?
Große SVG-Dateien können Ihren Computer während der Konvertierung verlangsamen, daher ist es am besten, kleinere Bilder zu verwenden.
Kann ich dieses Werkzeug für andere Bildformate verwenden?
Dieses Werkzeug ist speziell für SVG-Bilder konzipiert. Es unterstützt keine anderen Bildformate wie JPG oder PNG.