SVG-zu-Base64-Encoder

Konvertiert SVG-Vektorgrafiken in das Base64-Codierungsformat, unterstützt Stapelverarbeitung und kann direkt in HTML und CSS eingebettet werden.

Fehler melden

Browser-Ausführungsmodus: Ihre Daten werden in Ihrem Browser verarbeitet und nicht auf den Server hochgeladen.

Geschwindigkeit und Stabilität: Die Verarbeitungsgeschwindigkeit hängt von Ihrem Gerät und Browser ab. Für große Stapelaufgaben kann die Desktop-Version stabiler sein.

Tool wird geladen, bitte warten...

Wenn das Online-Tool nicht lädt oder läuft, versuchen Sie das Desktop-Tool. https://tools.yikeaigc.com/

Tool-Nutzung

Zur alten Version zurückkehren

Bitte zuerst Parameter festlegen, dann SVG importieren, in Schritt 3 konvertieren und herunterladen. Bei Stapeldateien werden nur die ersten 20 Vorschauen angezeigt; verarbeitet wird die komplette Warteschlange.

1Ausgabeparameter

Bestätigen Sie zuerst Ausgabetyp und Dateinamen, dann importieren.

Ausgabeformat

Langen Text umbrechen

ZIP-Dateiname

alt-Text des img-Tags

CSS-Selektor

Vorschaugröße

xmlns bei Fehlen ergänzen
Verbessert die Kompatibilität beim Laden von SVG als Bildressource. XML-Deklaration entfernen
Reduziert die Ausgabegröße und vermeidet einige Template-Parsing-Probleme. SVG-Text einfach komprimieren
Entfernt Kommentare und Leerraum zwischen Tags, ohne die Grafikstruktur zu ändern. Ergebnisvorschau anzeigen
Nach der Konvertierung als Bild vorschauen, um direkte SVG-Ausführung zu vermeiden.

Legen Sie zuerst das Ausgabeformat fest und verarbeiten Sie dann die Datei.

2Inhalt importieren

SVG-Datei wählen oder einen einzelnen SVG-Quelltext einfügen. Dateien werden nicht auf den Server hochgeladen.

SVG-Datei auswählen oder hierher ziehen Unterstützt einzelne oder mehrere .svg-Dateien; zur Prüfung werden nur die ersten 20 angezeigt.

SVG-Quelltext

3Vorschau importieren

Bitte zuerst SVG-Inhalt importieren.

4Konvertieren & herunterladen

Nach der Verarbeitung können Sie Ergebnisse kopieren, einzelne Dateien herunterladen oder Stapelergebnisse als ZIP packen.

Ausstehend0

Erfolgreich0

Fehlgeschlagen0

Ergebnisgröße0 KB

Bitte bestätigen Sie, dass die ersten zwei Schritte abgeschlossen sind, und klicken Sie dann auf Konvertierung starten.

5Ergebnisvorschau und Einzelaktionen

Nach der Konvertierung werden die Ergebnisse hier angezeigt.

Anleitung

Anleitung zur Softwarenutzung

Konvertierungsparameter festlegen: Wählen Sie zuerst das Ausgabeformat. Es können Data URI, reine Base64-Zeichenfolge, HTML-img-Tag, CSS-background-Eigenschaft oder CSS-mask-Icon-Code erzeugt werden.
Verarbeitungsoptionen konfigurieren:
- Zeilenumbruch bei langem Text: Sie können keinen Zeilenumbruch wählen oder nach 76, 120 bzw. 160 Zeichen umbrechen.
- xmlns automatisch ergänzen: Wenn dem SVG-Stammknoten das xmlns-Attribut fehlt, wird es automatisch ergänzt, damit es als Bildressource angezeigt werden kann.
- XML-Deklaration entfernen: Entfernt die XML-Deklaration am Anfang des SVG, um Fehler bei der Template-Analyse zu reduzieren.
- Basis-Komprimierung: Entfernt Kommentare und Leerraum zwischen Tags, um die Ausgabe zu verkürzen.
SVG-Inhalte importieren: Sie können eine oder mehrere SVG-Dateien auswählen oder in den Modus zum Einfügen von Quellcode wechseln und den SVG-Code direkt eingeben. Bei Stapeldateien werden nur die ersten 20 zur Überprüfung angezeigt; die übrigen Dateien werden ebenfalls verarbeitet.
Beispieldaten verwenden: Klicken Sie auf „Beispiel-SVG laden“ oder „Beispiel-Quellcode einfügen“, um den Konvertierungseffekt schnell anzusehen.
Konvertierung starten: Wechseln Sie zum Schritt „Konvertieren und herunterladen“ und klicken Sie auf „Konvertierung starten“. Das Tool erzeugt den entsprechenden Base64- oder Einbettungscode.
Kopieren und herunterladen: Nach Abschluss der Konvertierung können Sie einzelne Ergebnisse kopieren, einzelne Textdateien herunterladen, alle Ergebnisse kopieren, eine zusammengefasste TXT-Datei herunterladen oder Stapelergebnisse als ZIP herunterladen.
Einstellungen speichern: Häufig verwendete Ausgabeformate, ZIP-Dateiname, alt-Text, CSS-Selektor und Verarbeitungsoptionen können gespeichert und beim nächsten Öffnen weiterverwendet werden.

Häufige Fragen

Antwort: SVG-Icons oder Vektorgrafiken können in Textform umgewandelt und in HTML, CSS, Konfigurationsdateien oder Einzelseiten eingebettet werden, wodurch Verweise auf separate Ressourcen reduziert werden.

Antwort: Data URI enthält das Präfix data:image/svg+xml;base64, und kann direkt als Bildadresse verwendet werden; reines Base64 enthält nur den codierten Hauptteil und eignet sich für Szenarien, in denen ein Programm das Präfix selbst zusammensetzt.

Antwort: Er kann in HTML-img-Tags, der CSS-Eigenschaft background-image, CSS-mask-Icons, Stilkonfigurationen, Komponentenbeispielen oder Dokumentations-Codeausschnitten verwendet werden.

Antwort: Wenn bei einigen SVGs xmlns fehlt, kann die Anzeige beim Laden als Data-URI-Bild fehlerhaft sein. Das Ergänzen von xmlns="http://www.w3.org/2000/svg" kann die Kompatibilität verbessern.

Antwort: Nein. Base64 ändert nur die Darstellungsweise der Daten, nicht den Vektorinhalt des SVGs; beim Skalieren bleiben die Vektoreigenschaften erhalten.

Antwort: Die Ergebnisdateien übernehmen den Hauptdateinamen des ursprünglichen SVGs und werden je nach Ausgabeformat als txt-, css- oder html-Datei erstellt; bei Namenskonflikten wird automatisch eine Zahl zur Unterscheidung angehängt.

Antwort: Häufige Ursachen sind unvollständiger SVG-Code, Verweise auf externe Ressourcen, nicht standardisierte Tags oder Stilabhängigkeiten. Es wird empfohlen, das SVG zuerst in der Designsoftware erneut standardkonform zu exportieren und anschließend zu konvertieren.