ToolsOnline

Online-SVG-Code-Editor

SVG-Quelltext prüfen, in der Vorschau anzeigen und verkleinern, mit Größenstatistik

Breite
—
Höhe
—
Quelltextgröße (orig.)
—
Quelltextgröße (optimiert)
—

      

Über diesen SVG-Code-Editor

SVG-Quelltext links einfügen — der Editor parst ihn über DOMParser als strenges XML, Syntaxfehler werden mit der Parser-Meldung angezeigt — während rechts eine Live-Vorschau entsteht, um Änderung und Ergebnis nebeneinander zu sehen. Breite / Höhe und die UTF-8-Bytegröße des Quelltexts werden beim Tippen mitgeführt.

Ein Klick auf „Optimieren“ räumt das Markup auf: Kommentare werden entfernt, Zahlen in Attributwerten auf 2 Dezimalstellen gerundet, reine Leerzeichen-Textknoten fallen weg, und die Bytegrößen vorher / nachher werden verglichen. Der optimierte Code lässt sich direkt kopieren. Alles läuft lokal — Ihr SVG verlässt den Browser nie.