1. Start
  2. Tutorials
  3. Welche Methode?

Tutorial — wähl deinen Ausgang

Der SVG-Downloader für Websites und welchen Weg du nimmst

Jede Methode hier endet mit demselben bereinigten Vektor. Sie unterscheiden sich nur darin, wo er landet und wie viel du unterwegs entscheiden musst — wähle also nach Ziel.

Ansehen — 19 Sekunden

Drei Ausgänge aus einem Scan

Tutorial · Überblick
Ein Scan am Anfang. Alles danach ist eine Entscheidung darüber, wohin der Vektor geht.

Der Scan passiert in dieser Aufnahme nur einmal. Alle drei Ausgänge greifen auf dieselbe Liste zu — deshalb kostet das Wechseln zwischen ihnen nichts.

Was die Aufnahme zeigt

  1. Ein Scan, dann drei Auswege
  2. Blättere in der Vorschau, bis du es findest
  3. Eine Datei — Aktuelles laden
  4. Die ganze Seite — Alle als ZIP laden
  5. Oder gar keine Datei — Code kopieren
  6. Derselbe Scan, dieselbe Seite, welchen du auch brauchst

Entscheide nach Ziel

Vier Wege, und wann welcher richtig ist

Die Frage ist nicht, welche Methode die beste ist — sondern was du mit dem Vektor vorhast, wenn du ihn hast.

  • Aktuelles laden — du willst einen bestimmten Vektor als Datei, und der Name ist dir wichtig. Der Standardweg. Wie →
  • Alle als ZIP laden — du willst den Satz, oder du weißt noch nicht, welchen du brauchst, und sortierst lieber auf der Platte. Dublettenfrei und nummeriert. Wie →
  • Code kopieren / Bild kopieren — das Ziel ist ein Editor oder ein Dokument, und eine Datei auf der Platte wäre nur ein Schritt, den du danach löschst. Wie →
  • Rechtsklick → Als SVG speichern — du schaust direkt auf das, was du willst, und brauchst weder Vorschau noch Namen noch Auswahl. Der schnellste Weg. Wie →

Und eine Entscheidung, die quer über alle vier liegt: Wenn das Ziel kein SVG annimmt — E-Mail, die meiste Präsentationssoftware, ältere CMS-Uploader —, schalte vor dem Laden das Formatsegment auf PNG. Wie →

Der gemeinsame Teil

Drei der vier Wege beginnen identisch. Nur der letzte Schritt unterscheidet sich, und er ist der einzige, über den du nachdenken musst.

  1. Bring die Seite in den Zustand, den du erfassen willst. Melde dich an, scroll, öffne das Menü — was auch immer die gewünschten Vektoren auf den Bildschirm bringt. Der Scan liest das DOM, wie es dasteht.
  2. Popup öffnen und scannen. Ein Klick. Der Zähler meldet, was die Seite zeichnet, dublettenfrei.
  3. Vorschau ansehen und wählen. Zurück und Weiter gehen den Satz durch, isoliert und fern der überladenen Seite.
  4. Wähl deinen Ausgang. Aktuelles laden für eine Datei, Alle als ZIP laden für den Satz, oder Code kopieren / Bild kopieren für die Zwischenablage. Schalte vorher das Formatsegment um, wenn du ein PNG oder JPG brauchst.

Was alle Wege gemeinsam haben

Welchen Ausgang du auch nimmst, dem Markup passieren unterwegs dieselben zwei Dinge, und sie sind der Grund, warum das Ergebnis brauchbar ist. Der xmlns-Namensraum wird ergänzt, falls er fehlte — das ist es, was eine aus einer Seite gehobene Datei als eigenständiges Dokument öffnen lässt. Und alles Ausführbare — <script>-Elemente, on*-Handler, externe Referenzen — wird entfernt, damit du fremdes Seitenverhalten nicht in deine Codebasis oder dein Designtool trägst.

Die Fünf-Sekunden-Fassung

  • Brauchst du ein Icon, sofort? Rechtsklick.
  • Brauchst du ein Icon, ordentlich benannt? Popup, dann Aktuelles laden.
  • Brauchst du den ganzen Satz? Popup, dann Alle als ZIP laden.
  • Einfügen in Code? Code kopieren.
  • Einfügen in ein Dokument oder einen Chat? Bild kopieren.
  • Das Ziel lehnt SVG ab? Vorher auf PNG umschalten.
Eine Datei
Aktuelles laden — mit einem Dateinamen deiner Wahl.
Der Satz
Alle als ZIP laden — dublettenfrei und nummeriert.
Keine Datei
Code kopieren für Editoren, Bild kopieren für Dokumente.
Am schnellsten
Rechtsklick → Als SVG speichern. Ganz ohne Popup.

Gut zu wissen

Häufig gefragt

Welche Methode liefert die beste Qualität?

Sie sind identisch. Jeder Weg durchläuft denselben Bereiniger und dieselbe Namensraum-Reparatur — sie unterscheiden sich nur darin, wo das Ergebnis landet und wie viel du unterwegs wählst.

Kann ich nur einige der SVGs laden statt aller?

Ja. Blättere zu jedem und nimm Aktuelles laden, wobei du unterwegs jedes benennst. Alle als ZIP laden ist dafür da, wenn du den ganzen Satz willst.

Was wird aus dem Markup entfernt?

Script-Elemente, on*-Handler-Attribute und externe Referenzen. Die Formen bleiben unangetastet, und der xmlns-Namensraum wird ergänzt, damit die Datei eigenständig öffnet.

Muss ich zwischen Downloads neu scannen?

Nein. Ein Scan baut die Liste, und jeder Ausgang greift darauf zu. Scanne nur neu, wenn du die Seite änderst — ein Modal öffnen, einen Tab wechseln, ein lazy geladenes Raster ins Bild scrollen.

Was, wenn die Site das geladene SVG nicht annimmt?

Schalte das Formatsegment auf PNG und lade erneut. E-Mail-Programme, Präsentationssoftware und ältere CMS-Uploader lehnen SVG häufig ab.


Ein Scan, welcher Ausgang auch nötig ist

Eine Datei, ein ZIP, die Zwischenablage oder ein einzelner Rechtsklick.