Lade jedes SVG einer Seite als ZIP

Icons einzeln zu speichern ist für ein Icon in Ordnung. Willst du den ganzen Satz, sammelt Alle als ZIP laden die SVGs der Seite — aus allen vier Quellen —, entfernt Dubletten, nummeriert sie und packt sie in ein einziges Archiv.

Erweiterung installieren Anleitung lesen →

Das Problem

Einzeln skaliert nicht auf einen Icon-Satz

Die Icon-Seite eines Designsystems kann sechzig, achtzig, hundert Glyphen enthalten. Die von Hand zu speichern heißt sechzig Runden Quelle-suchen, Vorschau, benennen, laden — und das nur, wenn jedes ein sauberes Inline-SVG ist. In der Praxis ist es eine Mischung: manche inline, manche CSS-Hintergründe, manche hinter <use>-Referenzen in ein Sprite. Jede Quelle braucht ihren eigenen Trick, du verlierst den Überblick, was du schon hast, und endest mit drei Kopien desselben Chevrons.

Der Handweg hat außerdem kein Gedächtnis. Zwei Komponenten nutzen dasselbe Icon, du speicherst es zweimal unter zwei Namen. Eine <use>-Referenz löst nicht auf, und du merkst es erst, wenn du später eine leere Datei öffnest. Was zwei Minuten dauern sollte, wird ein Nachmittag Buchhaltung.

Was SVG Downloader stattdessen tut

Klick auf Alle als ZIP laden, und es läuft der volle Erkennungsdurchgang — Inline-<svg>, Vektorbilder in <img> und <object>, SVGs in CSS-background-image und <use>-Sprite-Referenzen im selben Dokument —, sammelt die Ergebnisse und schreibt ein ZIP. Die Buchhaltung ist erledigt.

Dublettenfrei. Dasselbe Icon, in einem Dutzend Komponenten wiederverwendet, landet einmal im Archiv, nicht zwölfmal. Du bekommst einen sauberen Satz, keinen Stapel Kopien.
Der Reihe nach nummeriert, mit deinem Präfix. Die Dateien heißen svg-1.svg, svg-2.svg in der Reihenfolge ihres Auftretens auf der Seite, das Archiv entpackt also in derselben Folge wie die durchgeblätterten Vorschauen. Ändere svg in den Optionen der Erweiterung zu was du willst — acme-icon, logo — und das ganze Archiv folgt.
Ehrlich über Lücken. Lässt sich ein SVG nicht holen — eine Cross-Origin-Datei, die die Seite nicht herausgibt, eine kaputte Referenz —, benennt es die Statuszeile des Popups: 8 von 10 SVGs geladen. Übersprungen: 3, 7. Nichts fällt weg, ohne dir zu sagen, welche Einträge fehlen.
Weiterhin die Originale. Jede Datei im ZIP ist das eigene Markup der Seite mit intaktem viewBox und repariertem Namensraum — dieselbe Treue wie beim Speichern von Hand, nur in Serie.

Was du zurückbekommst

Format: Ein .zip aus standardkonformen .svg-Dateien — Original-Markup, reparierte Namensräume, ab svg-1.svg nummeriert mit deinem eigenen Präfix.
Abdeckung: Alle vier Quellen in einem Durchgang — inline, <img>/<object>, CSS-Hintergründe und <use>-Sprites im selben Dokument — dublettenfrei.
Bei Fehlschlägen: Was nicht geholt werden konnte, wird im Popup benannt, nicht versteckt — der Satz, den du bekommst, ist verlässlich.
Wo es läuft: Vollständig in deinem Browser. Das Archiv entsteht auf dem Gerät — kein Upload, kein Server, kein Konto.

Gut zu wissen

Fragen zum Massendownload

Enthält das ZIP auch Icons aus CSS-Hintergründen und Sprites?

Ja. Der Massendurchgang nutzt dieselbe Erkennung wie Einzeldownloads über alle vier Quellen — Inline-SVG, CSS-Hintergründe, Vektorbilder in <img>/<object> und Sprite-Referenzen im selben Dokument —, das Archiv deckt also auch die schwierigen Quellen ab, nicht nur die leichten.

Was passiert, wenn ein SVG nicht geladen werden kann?

Die Statuszeile des Popups benennt es, statt es spurlos fallen zu lassen — 8 von 10 SVGs geladen. Übersprungen: 3, 7. Diese Nummern sind die Positionen, die du in der Vorschau durchgeblättert hast, du kannst also zu den gescheiterten zurück und sie direkt verfolgen. Ins Archiv selbst wird nichts ergänzt; das ZIP enthält nur die Dateien, die durchkamen.

Gibt es etwas, das der Massendurchgang nicht mitnimmt?

Drei Dinge, und er sagt es dir. Ein <use>, das auf eine externe Sprite-Datei zeigt — <use href="/sprite.svg#cart"> —, wird übersprungen, weil nur Referenzen im selben Dokument aufgelöst werden. Auf sehr großen Seiten (über 10.000 Elemente) wird der CSS-Hintergrund-Scan aus Geschwindigkeitsgründen ausgelassen. Und der Durchgang endet bei 2.000 Inline-SVGs, wobei jedes einzelne SVG mit mehr als rund 2 MB Markup wegfällt. All das taucht in Anzahl und Statuszeile des Popups auf, statt das Archiv still zu schrumpfen.

Bekomme ich dasselbe Icon mehrfach?

Nein. Auf einer Seite mehrfach genutzte Icons werden vor dem Bauen des Archivs entdoppelt, jedes eigenständige SVG erscheint also einmal. Wenn du nur ein einzelnes Glyph statt des ganzen Satzes brauchst, ist es schneller, es allein mit Aktuelles SVG laden zu speichern.

Nimm den ganzen Icon-Satz mit einem Klick

Kostenlos, privat, und die Entdopplung und Buchhaltung erledigt es für dich.

Erweiterung installieren Alle Funktionen →