SVG-Dateien zusammenführen

Nein. Die Umwandlung läuft vollständig in deinem Browser. Die Datei verlässt dein Gerät nicht – es gibt keinen Server, der sie sehen könnte. Sobald die Seite geladen ist, funktioniert das Werkzeug sogar offline.

Nebeneinander und untereinander ergeben ein Bild: Jede Datei wird ein verschachteltes <svg> in ihrer eigenen Grösse, in der Reihenfolge der Warteschlange mit dem gewählten Abstand platziert, und die neue Datei bekommt width, height und viewBox, die alles umfassen. Ein Sprite ist kein Bild, sondern eine Bibliothek: Jede Datei wird ein <symbol> mit dem Dateinamen als id, und du zeigst eines mit <svg><use href="sprite.svg#dateiname"/></svg> – oder fügst das Sprite einmal in die Seite ein und nutzt href="#dateiname".

Zwei Dateien verwenden oft dieselben IDs («a», «gradient», «clip0»). Jede ID bekommt den Dateinamen als Präfix, und jeder Verweis – url(#…), href="#…", #…-Selektoren in Stylesheets, aria-labelledby – wird passend umgeschrieben, sodass Verläufe, Clip-Pfade und <use>-Elemente weiter funktionieren. Bei einem Sprite werden die <defs> aller Dateien in einem gemeinsamen Block gesammelt.

Eine viewBox oder absolute Angaben zu width und height (px, pt, mm, cm, in). Dateien mit Grössen in Prozent oder em lassen sich nicht platzieren – die Meldung nennt die Datei; behebe es mit dem viewBox-Werkzeug oder in deinem Editor. Skripte, Event-Handler und externe Verweise werden vorher aus jeder Datei entfernt.