Kommentare, Metadaten und überflüssige Leerzeichen entfernen

Kommentare, Metadaten und überflüssige Leerzeichen entfernen. Für Redaktionen, Design- und Entwicklungsteams, die Inhalte oder Grafiken vor der Veröffentlichung vorbereiten.

Kommentare, Metadaten und überflüssige Leerzeichen entfernen. Jede Änderung ist direkt sichtbar, während Ihre Daten lokal bleiben und nicht gespeichert werden.

Bedienung

Füge den Quellcode deiner SVG-Datei in das Eingabefeld ein oder importiere die Datei von deinem Computer.
Starte die Optimierung, damit Kommentare, Metadatenblöcke und unnötiger Leerraum entfernt werden.
Prüfe, dass die Grafik nach der Kürzung des Codes noch richtig aussieht.
Kopiere das resultierende SVG in dein Projekt und bewahre gleichzeitig eine Sicherungskopie der Originaldatei auf.

Beispiel

Das Beispiel ist ein kleines Icon, das einen Kommentar und einen Metadatenblock enthält. Vergleiche nach der Optimierung die Größe des Codes und bestätige, dass der Pfad noch genauso gerendert wird: Die Bereinigung sollte die Datei leichter machen, ohne die Zeichnung zu verändern.

Eingabe

<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'>
  <!-- icon draft -->
  <metadata>draft</metadata>
  <path d='M4 4 L20 20' fill='none' stroke='black'/>
</svg>

Grenzen und Formate

Die Bereinigung zielt auf Kommentare, Metadaten und Leerraum ab, die Zeichnung selbst bleibt also genau so, wie sie in der von dir gelieferten Datei war.
Ein SVG, das auf externe Elemente oder anderswo definierte Stile angewiesen ist, kann nach der Bereinigung schwerer zu lesen sein.
Eine sehr detaillierte Zeichnung kann auch dann schwer bleiben, wenn Kommentare und Metadaten entfernt wurden.
Öffne das Ergebnis immer in dem Browser, der es anzeigen soll, bevor du es veröffentlichst.

Wo die Verarbeitung stattfindet

Die Bereinigung erfolgt vollständig in deinem Browser. Dein SVG-Code wird nie hochgeladen, geteilt oder gespeichert, sodass du Grafiken verfeinern kannst, die noch nicht veröffentlicht sind, ohne sie jemandem auszusetzen.

Häufige Fragen

Verändert die Optimierung Farben oder Abmessungen?

Nein, das Werkzeug zielt auf Code ab, den das Darstellungsprogramm nicht braucht. Zeichnungsattribute bleiben erhalten, trotzdem lohnt es sich, das Ergebnis zu öffnen, um Unerwartetes zu erkennen.

Kann ich ein animiertes SVG optimieren?

Die Bereinigung entfernt hauptsächlich Kommentare, Metadaten und Leerraum. Wenn deine Animation von Skripten oder externen Stilvorlagen abhängt, prüfe das Ergebnis sorgfältig, bevor du es veröffentlichst.

Warum ist meine Datei noch groß?

Das Gewicht kommt meist von der Anzahl der Punkte in den Pfaden und nicht von Kommentaren. Um weiter zu gehen, müsstest du die Kurven in einem Vektorgrafikprogramm vereinfachen.