1. Start
  2. Tutorials

Tutorials — fünfzehn Aufnahmen, keine länger als eine Minute

SVG-Download-Tutorials

Jedes davon ist eine echte Aufnahme der Erweiterung bei der Arbeit, mit dem Schritt darunter geschrieben. Nimm das, was zu dem passt, was du hast — eine URL, einen Link, eine Seite voller Icons oder ein Logo, das du in voller Größe brauchst.

Erweiterung installieren Mit den Grundlagen beginnen →

Fang dort an, wo du stehst

Fünfzehn Tutorials, ein Ablauf

Sie enden alle gleich — der Originalvektor auf deiner Platte oder in deiner Zwischenablage — aber sie beginnen an verschiedenen Stellen, weil du das auch tust. Jede Seite trägt ihre eigene Aufnahme, die Schritte in Schriftform und die Antworten auf das, was an genau dieser Stelle üblicherweise schiefgeht.

Wenn du nur eine Sache liest

Warum der Browser es nicht einfach für dich speichert

Ein SVG auf einer modernen Seite ist fast nie eine Datei, die an einer Adresse liegt. Es ist eines von vier Dingen, und jedes hebelt Bild speichern unter… auf seine Art aus: Inline-<svg>-Markup, direkt ins HTML gezeichnet, ohne URL dahinter; ein CSS-background-image, das der Browser als Dekoration behandelt; eine Sprite-<use>-Referenz, die in ein verstecktes Dokument zeigt; oder eine <img>-Quelle, die ein data:-URI sein kann, den das Speichern-Menü verstümmelt.

Jedes Tutorial hier funktioniert darunter gleich: das lebende DOM lesen, auflösen, was jeder Vektor wirklich ist, den fehlenden xmlns-Namensraum reparieren und dir eine eigenständige Datei geben. Deshalb ist es der Methode egal, auf welche der vier du gerade gestoßen bist.

Einmal installieren und nie wieder mit einem Rechtsklick-Menü ringen

Kostenlos, MIT-lizenziert, und alles läuft auf deinem Rechner — kein Upload, kein Konto, keine Analyse.

Erweiterung installieren Installationsanleitung →

Verwandt