Bedienungsanleitung
- Klicken Sie auf „Beispiel-SVG laden“, um einen typischen, nicht optimierten Export aus einem Design-Tool anzusehen, oder ziehen Sie Ihre eigene
.svg-Datei in das Tool. - Sie können auch direkt kopierten SVG-Code aus Figma, Illustrator, Sketch oder Ihrem Code-Editor einfügen.
- Wählen Sie „Standard“ für eine sichere Standardoptimierung. Wechseln Sie zu „Aggressiv“, wenn Sie die Dateigröße maximal reduzieren möchten.
- Prüfen Sie die Werte für die Originalgröße, die optimierte Größe und die Ersparnis und kontrollieren Sie die visuelle Vorschau auf auffällige Veränderungen.
- Klicken Sie auf „SVG-Code kopieren“ (für HTML, React oder Icon-Komponenten) oder auf „SVG herunterladen“, um das optimierte Dokument zu speichern.
Beispiel: paste a brand icon exported from a design tool, confirm the saved percentage and preview, then copy the minified inline SVG for a website navbar or button icon.
Kernfunktionen
- SVGO-gestützte SVG-Komprimierung: Führen Sie SVGO direkt im Browser aus, um Metadaten, leere Gruppen und unnötige attributes aus dem Vektor-Markup zu entfernen.
- Bereinigung von Figma- und Illustrator-Exporten: Verwandeln Sie den oft überladenen SVG-Code aus Design-Tools in sauberen, kompakten Code für Ihre Website.
- Direkter Größenvergleich: Sehen Sie die Originalgröße, die optimierte Größe und den eingesparten Prozentsatz auf einen Blick, bevor Sie die Datei ersetzen.
- Code kopieren oder herunterladen: Kopieren Sie das optimierte
<svg>-Markup für Inline-HTML oder Komponenten direkt in die Zwischenablage oder laden Sie die fertige.svg-Datei herunter. - Lokale Verarbeitung für private Daten: Das Lesen der Datei, die SVGO-Optimierung, Vorschau, Kopieren und Download erfolgen vollständig geschützt in Ihrem Browser.
Verwandte Tools
Der FIRE-Rechner 2026 mit Inflationsbereinigung. Simulieren Sie die reale Kaufkraft, analysieren Sie Vorsorgelücken und erstellen Sie Ihren finanziellen Fahrplan. Exportieren Sie Daten per Klick als CSV für Excel oder Notion. 100 % privat, lokale Berechnung im Browser.
Berechnen Sie die Trading-Positionsgröße aus Kontostand, Risiko %, Einstiegspreis und Stop-Loss. Läuft lokal in Ihrem Browser und ermöglicht den Vergleich verschiedener Risikoszenarien vor dem Trade.
Berechnen Sie den Zinseszins aus Anfangskapital, regelmäßigen Beiträgen, jährlicher Rendite (APY) und Laufzeit. Visualisieren Sie Kapital, Zinsen und Endguthaben mit einem lokalen interaktiven Diagramm.
Nutzen Sie diesen Kreditrechner / Tilgungsrechner, um die monatliche Rate, die Zinsen und den Tilgungsplan lokal zu berechnen. Geben Sie Kreditsumme, Zinssatz und Laufzeit ein, um sofort Ergebnisse und Diagramme zu sehen.
Nutzen Sie diesen Investment-Rechner / ROI-Rechner, um Anfangskapital, monatliche Sparraten, jährliche Rendite und inflationsbereinigte Ergebnisse lokal zu schätzen. Visualisieren Sie prognostizierte Renditen mit einem Zinseszins-Diagramm, ROI und einem Jahresplan.
Nutzen Sie diesen APR-zu-APY-Rechner, um APR und APY lokal umzurechnen. Geben Sie einen Zinssatz ein, wählen Sie die Zinsperioden und sehen Sie sofort den effektiven Jahreszins, die Differenz und den Häufigkeitsvergleich.
Nutzen Sie diesen Gewinnspannen-Rechner, um Bruttogewinn, Aufschlag (Markup), Marge (Margin) und Verkaufspreis lokal zu berechnen. Geben Sie Kosten und Preis oder Kosten und Zielmarge ein, um Ihre Margen sofort zu berechnen.
Nutzen Sie diesen CPM- und CPC-Rechner, um Werbeausgaben, Impressionen, Klicks, CPM, CPC und CTR lokal zu berechnen. Geben Sie Budget und Zielkosten ein, um Kampagnenszenarien sofort zu planen.
Berechnungslogik
Die SVG-Optimierung rastert das Bild nicht. Stattdessen bereinigt sie das XML-basierte Vektor-Markup. Dieses Tool führt SVGO direkt in Ihrem Browser aus, um Editor-Metadaten zu entfernen, überflüssige Gruppen zusammenzuführen, leere Attribute zu löschen, Pfade zu komprimieren und Koordinaten zu runden.
Der Modus „Standard“ ist die sichere Standardeinstellung für die meisten Icons und Illustrationen. Der Modus „Aggressiv“ aktiviert die Mehrpass-Optimierung und reduziert die numerische Präzision. Dies kann die Dateigröße weiter verringern, führt bei extrem komplexen Pfaden jedoch unter Umständen zu minimalen optischen Abweichungen. Die Ausgabe bleibt editierbares Vektor-SVG, das Sie kopieren oder herunterladen können.
Häufig gestellte Fragen
Wie kann ich die Dateigröße einer SVG reduzieren?
Entfernen Sie Metadaten aus Design-Tools, leere Gruppen, redundante Attribute und komprimierbare Pfaddaten. Dieses Tool führt diese SVGO-Optimierungen direkt in Ihrem Browser aus und zeigt Ihnen die prozentuale Ersparnis an.
Wie bereinige ich aus Figma exportierten SVG-Code?
Ziehen Sie die exportierte .svg-Datei in das Tool oder fügen Sie den reinen <svg>-Code ein. Starten Sie mit der Einstellung „Standard“, prüfen Sie die Vorschau und kopieren oder laden Sie das optimierte Ergebnis herunter.
Verschlechtert das Komprimieren einer SVG die Qualität?
In der Regel nein. SVG ist ein Vektorformat, und SVGO entfernt hauptsächlich unsichtbare Metadaten und redundanten Code. Sehr komplexe Pfade können sich im Modus „Aggressiv“ minimal verschieben. Überprüfen Sie daher vor dem Einsatz in produktiven Systemen immer kurz die visuelle Vorschau.
Werden meine Icons oder Illustrationen auf Server hochgeladen?
Nein. Das Einlesen der Datei, die SVGO-Optimierung, Vorschau, das Kopieren des Codes und das Herunterladen der Datei erfolgen vollständig lokal in Ihrem Browser.
Kann ich das optimierte SVG direkt in HTML einbinden?
Ja. Mit der Funktion „SVG-Code kopieren“ erhalten Sie das vollständige <svg>-Markup, das Sie direkt in HTML, React-Komponenten oder Icon-Systemen einbetten können.
Kann das Tool PNG oder JPG in SVG umwandeln?
Nein. Dieses Tool dient ausschließlich der Optimierung von vorhandenem SVG-Vektorcode; es kann keine Rastergrafiken vektorisieren.