SVG-Dateien im Browser bearbeiten

SVG (Scalable Vector Graphics) speichert ein Bild als Formen und Pfade – Mathematik, keine Pixel. Deshalb bleibt ein als SVG gespeichertes Logo gestochen scharf, egal ob als Favicon oder als Plakatwand, und deshalb ist es das richtige Format für Icons, Logos und Illustrationen. Das bedeutet auch, dass du die Datei öffnen und die eigentlichen Formen bearbeiten kannst, statt einzelne Pixel zu verschieben.

Die SVG-Quelle zu bearbeiten ist fast immer besser, als ein exportiertes PNG zu bearbeiten. Verschiebe einen Ankerpunkt, und die Kurve bleibt glatt; ändere eine Füllung, und die Farbe stimmt exakt; skaliere das Ganze, und nichts wird unscharf. Dafür brauchst du einen Editor, der Vektoren versteht.

Der Vektoreditor von EditItAll öffnet SVG-Dateien direkt in deinem Browser:

• Öffne den Editor und lade deine .svg-Datei – ein Logo, ein Icon-Set oder eine Illustration.
• Nutze das Auswahl-Werkzeug (V), um ganze Objekte zu verschieben und in der Größe zu ändern, und das Direktauswahl-Werkzeug (A), um einzelne Ankerpunkte zu greifen.
• Ändere Farben von Füllungen und Konturen, bearbeite beliebigen Text mit dem Textwerkzeug (T) und rücke Formen mit intelligenten Hilfslinien und Illustrator-artigen Tastenkürzeln exakt an ihren Platz.

Deine Arbeit wird laufend automatisch in deinem Browser gespeichert, und der gesamte Editor läuft weiter, selbst wenn du nach dem Laden offline gehst – ein klares Zeichen dafür, dass deine Datei nirgendwohin gesendet wird.

Die eigentliche Stärke liegt im Neuformen von Pfaden. Der Zeichenstift (P) setzt Ankerpunkte mit Bézier-Anfassern, sodass du eine Kurve neu zeichnen, einem Logo einen Punkt hinzufügen oder eine neue Form von Grund auf nachzeichnen kannst. Der Bleistift ist für Freihandzeichnungen da.

Um komplexere Grafiken zu erstellen, kombinierst du einfachere Formen mit booleschen Operationen: Vereinen, um sie zu verschmelzen, Vorne minus, um eine aus der anderen auszustanzen, Schnittmenge, um nur die Überlappung zu behalten, und Ausschluss, um sie zu entfernen. Diese laufen auf einer geometrischen Engine mit exakter Arithmetik, sodass die entstehenden Kanten sauber bleiben, statt um Bruchteile eines Pixels abzuweichen. So werden aus ein paar Rechtecken und Kreisen ein fertiges Icon.

Wenn du fertig bist, speichere wieder als .svg, um die Datei vollständig bearbeitbar zu halten, oder exportiere ein PNG mit 2×, wenn du ein Rasterbild für das Web oder ein Dokument brauchst. Wenn du bereits ein SVG hast und nur ein PNG willst, erledigt das der dafür vorgesehene SVG-zu-PNG-Konverter in einem Schritt.

Zwei ehrliche Grenzen: Der Editor liest Standard-SVG, nicht Adobes .ai- oder .eps-Dateien, und er beherrscht weder Verlaufsnetz noch Musterfüllungen noch CMYK-Farbe. Für die Bearbeitung alltäglicher Logos, Icons und Illustrationen als SVG läuft trotzdem alles, was du brauchst, auf deinem Gerät. Öffne den Vektoreditor, um loszulegen.