SVG online bearbeiten: Farben und Hintergrund ändern ohne Software

1. Was der Online-SVG-Editor kann

Wenn es darum geht, eine SVG zu bearbeiten, denken viele zuerst an die Installation von Illustrator; für leichtgewichtige Aufgaben wie eine Farbe ändern, einen Hintergrund entfernen oder ein Element löschen, genügt ein Online-Editor jedoch völlig. Der Online-SVG-Editor von PolySVG läuft im Browser: kostenlos, ohne Installation, ohne Registrierung, und arbeitet auf Pfadebene – Pfade auswählen und löschen, Hintergrund per Klick entfernen, mit dem Pinsel ergänzen, mit der Radiermaske löschen, Farben ändern, widerrufen und wiederholen, zum Schluss als SVG oder PNG exportieren. Sie können eine SVG hochladen oder das Ergebnis des Tools „Bild in SVG“ per Klick übernehmen. Für Designer eignet sich das Werkzeug für den letzten Schliff vor der Übergabe, für Entwickler, um vor dem Einbinden in eine Seite schnell Symbolfarben und -größen anzupassen, ohne zum Designwerkzeug zurückzukehren.

2. Farben ändern: Symbole an das Design anpassen

Klicken Sie auf eine Farbfläche im Canvas, um den zugehörigen Pfad auszuwählen, und tauschen Sie anschließend im Farbpanel die Füllfarbe. Typische Fälle: derselbe Symbolsatz im hellen und im dunklen Design, ein vektoriertes Logo exakt auf die Markenfarbe kalibrieren oder die Palette unterschiedlicher Materialien vereinheitlichen. Im Vergleich zur Suche nach der fill-Eigenschaft im Code ist das Umfärben per Klick weit intuitiver und bringt seltener andere Pfade in Mitleidenschaft.

3. Hintergrund entfernen: automatisch und manuell

Klicken Sie auf „Hintergrund per Klick entfernen“: Die Engine erkennt die dominante Randfarbe und entfernt die Hintergrundebene, aus SVG mit weißem Grund wird in Sekunden eine transparente Datei. Einzelne verbliebene Hintergrundpfade lassen sich anklicken und löschen. Liegt Ihnen noch ein Rasterbild vor, nutzen Sie direkt das Tool zum Entfernen des Hintergrunds und Umwandeln in Vektoren – Konvertierung und Hintergrundentfernung erledigen sich in einem Schritt, anschließend feinert der Editor aus.

4. Pinsel und Radierer: ergänzen und löschen

Der Pinsel fügt hinzu: Er malt fehlende Striche nach, wobei die Spur automatisch zu einem neuen Vektorpfad wird, der sich stilistisch in die Grafik einfügt – ideal, um unterbrochene Striche in einem vektorierten Logo zu reparieren. Der Radierer nimmt weg: Er löscht Teilbereiche über eine Maske, ohne die ursprünglichen Pfaddaten zu zerstören, und zu viel Gelöschtes lässt sich jederzeit widerrufen. Beide Werkzeuge funktionieren zusammen mit Widerruf und Wiederholung, sodass Sie gefahrlos experimentieren können. Die Spuren des Pinsels werden als eigenständige Pfade in die Datei übernommen und lassen sich später ebenso einfärben; die Maskenwirkung des Radierers wird beim Export wirksam, sodass die exportierte SVG dem Canvas entspricht.

5. Widerruf, Wiederholung und Export

Der Editor behält den vollständigen Verlauf der Operationen: Fehler lassen sich widerrufen, Fehlentscheidungen wiederholen. Danach exportieren Sie die SVG für das Web oder die weitere Bearbeitung oder exportieren Sie ein PNG für Dokumente und Vorschaubilder. Wie man eine SVG öffnet und betrachtet, zeigt Wie öffnet man eine SVG-Datei?; der Direktzugang zum Editor lautet /editor. Wählen Sie beim PNG-Export eine ausreichend hohe Auflösung, damit die Grafik im Dokument nicht unscharf wirkt; im Web ist der SVG-Export vorzuziehen, weil die Vektoreigenschaften erhalten bleiben.

6. Die häufigsten Bearbeitungsfälle auf einen Blick

• Symbol an das Design anpassen: Pfad auswählen und Füllfarbe ändern, pro Design eine Version exportieren;
• Material mit weißem Grund transparent machen: Hintergrund per Klick entfernen, verbliebene Pfade löschen, transparente SVG exportieren;
• Unterbrochene Logo-Striche reparieren: Mit dem Pinsel entlang der Lücke nachmalen, die Spur wird automatisch vektorisiert, anschließend Farben vereinheitlichen;
• Überflüssige Elemente entfernen: Nicht benötigte Farbflächen einzeln anklicken und löschen, Randdetails mit dem Radierer bearbeiten;
• Abbildung für ein Dokument: Nach der Bearbeitung als PNG exportieren und in Word, PowerPoint oder einen Messenger einfügen.