Über SVG-Editor
Links der Quelltext, rechts das Ergebnis: Änderungen an Farbe, Größe oder Text erscheinen sofort. Gedacht für das gezielte Nachbessern von Symbolen.
Funktionen
- Quelltext und Vorschau stehen nebeneinander, jede Eingabe aktualisiert die Darstellung
- Ein Beispiel ist eingebaut, sodass der Grundaufbau sofort erkennbar ist
- Geeignet für häufige Angaben wie fill, width, height und text
- Ohne Wasserzeichen und ohne Formatwechsel – die Vorschau ist das Ergebnis
So gehen Sie vor
- Den SVG-Quelltext in die linke Fläche einfügen
- Für eine andere Farbe den Wert von fill ändern, für eine andere Größe width und height
- Rechts prüfen, ob die Darstellung der Erwartung entspricht
- Für ein Rasterbild anschließend das Werkzeug zum Umwandeln in PNG nutzen oder den Quelltext direkt übernehmen
Unterstützte Fälle
Es ist ein Texteditor mit Vorschau, kein Editor zum Ziehen und Schieben: Auswahlrahmen, Verschieben mit der Maus und Ebenen gibt es nicht. Ein Syntaxfehler führt zu einer fehlerhaften oder leeren Vorschau; gesucht wird der Fehler im Quelltext, etwa ein nicht geschlossenes Element oder ein Attribut ohne Anführungszeichen. Für komplexe Illustrationen mit sehr vielen Pfadpunkten ist das Werkzeug nicht gedacht.
Anwendungsfälle
- Ein heruntergeladenes Symbol-SVG auf die eigene Markenfarbe bringen
- Größe und Ansichtsbereich eines SVG an eine Stelle anpassen
- Text oder Schriftgröße innerhalb einer Vektorgrafik ändern
Häufige Fragen
Kann ich Elemente mit der Maus verschieben?
Nein, bearbeitet wird der Quelltext; eine Vorschau zeigt das Ergebnis.
Warum bleibt die Vorschau leer?
Meist liegt ein Syntaxfehler vor: nicht geschlossene Elemente oder fehlende Anführungszeichen.
Wird eine Datei gespeichert?
Nein, es gibt keinen Zugriff auf das Dateisystem; kopieren Sie den Quelltext.
Kann ich daraus ein PNG machen?
Ja, dafür gibt es das Werkzeug zum Umwandeln von SVG in PNG.
Passt gut dazu
Was sich mit SVG-Editor sinnvoll ergänzen lässt: