SVG-Werkzeuge
Manuelle Ausführung. Strg/Cmd+Enter erzeugt eine Optimierungsvorschau. Nach jeder Eingabe- oder Optionsänderung sind alte Ergebnisse ungültig.
Der SVG-Inhalt wird ausschließlich in diesem Browser verarbeitet.
Änderungen noch nicht verarbeitet. Vorschau erneut erzeugen.
Wer ein Icon ins Projekt übernimmt, möchte oft SVG verkleinern und zugleich lesbaren Quellcode behalten. Hier können Sie SVG optimieren, ohne den Vorschlag sofort in die Eingabe zu schreiben. Bytezahlen und Bildvergleich helfen bei der Entscheidung.
Der SVG-Optimierer verbindet ein einzelnes Dokument mit seiner Vorschau. SVG minifizieren entfernt entbehrliche Formatierung; die Formatieraktion setzt zwei Leerzeichen als Einzug. Beide erzeugen zunächst einen prüfbaren Entwurf.
Kleine Dateien sind nützlich, wenn Form und wichtige Verweise erhalten bleiben.
Wenn Sie SVG optimieren, bleiben ID, viewBox, title und desc erhalten. Zahlenrundung und Pfadoptimierung sind zunächst ausgeschaltet. Aktivieren Sie diese bewusst und vergleichen Sie insbesondere kleine Rundungen, dünne Konturen und eng benachbarte Formen.
Die Pfadansicht zeigt die d-Daten vorhandener path-Elemente. Für eine Rasterdatei wählen Sie die PNG-Breite; die Höhe folgt dem Seitenverhältnis. Transparente Flächen bleiben transparent, statt automatisch einen weißen Hintergrund zu erhalten.
Kommentare und metadata werden standardmäßig entfernt. Zahlen und Pfade bleiben zunächst unoptimiert; die voreingestellte Präzision von drei Dezimalstellen gilt für die eingeschalteten Optimierungen.
Die Vorschau nennt ursprüngliche und neue Bytes sowie entfernte Knoten und geänderte Attribute. Prüfen Sie zusätzlich beide Bilder: Eine Null bei entfernten Knoten bedeutet nicht, dass der Quellcode unverändert blieb.
Nach einer Änderung an Quelle oder Optionen müssen Sie eine neue Vorschau erstellen. Übernehmen bestätigt den Entwurf; einmal Rückgängig stellt Eingabe und Ausgabe des vorigen Zustands wieder her.
Explizite SVGO-Optionen erlauben das Entfernen von Kommentaren und Metadaten. Es wird kein umfassendes aggressives Preset aktiviert; IDs und Beschreibungen stehen nicht zur Löschung bereit.
Zwei isolierte Bildansichten unterstützen die Kontrolle. Die Quelle wird vor der Darstellung geprüft; abgelehnte Inhalte bleiben zur Korrektur im Eingabefeld erhalten.
Sehen Sie d-Werte und Pfadanzahl an, um exportierte Formen im Quellcode wiederzufinden. Die Ansicht ist eine Lesehilfe und bietet keine verschiebbaren Bézier-Kontrollpunkte.
Das bestätigte aktuelle Ergebnis lässt sich kopieren oder als SVG speichern. PNG liefert eine transparente Rasterausgabe mit definierter Pixelbreite, etwa für einen Icon-Entwurf.
Das lässt sich nicht allgemein garantieren. Wenn Sie SVG optimieren und dabei Zahlen oder Pfade runden, können sich Konturen ändern. Beide Optionen sind deshalb zunächst aus. Prüfen Sie den Entwurf und anschließend die Einbindung im Zielprojekt.
Ja. viewBox bleibt ebenso wie IDs, title und desc bestehen. Damit bleiben das interne Koordinatensystem und vorhandene Beschreibungen erhalten; es gibt keinen Schalter zum Entfernen.
Das hängt von Kommentaren, Metadaten und Geometrie ab. Bereits kompakter Code kann kaum kleiner werden. Maßgeblich sind die angezeigten Bytes; die Formatieraktion kann durch Einzüge sogar mehr Platz benötigen.
Nein. Sie bearbeiten jeweils ein vollständiges SVG und bestätigen dessen Entwurf. Für viele Dateien ist eine gesonderte Build-Pipeline mit passenden Prüfungen sinnvoll.
Dieses Werkzeug akzeptiert keine Animationen oder Skripte. Solche Dokumente werden vor der Vorschau abgelehnt. IDs bleiben erhalten, doch das ersetzt keine Prüfung externer Abhängigkeiten im eigentlichen Projekt.
Eine Grenze unklar?
Öffnen Sie das Beispiel, vergleichen Sie die beiden Darstellungen und übernehmen Sie den passenden Entwurf.
Eine Übernahme lässt sich einmal rückgängig machen.