So greifst du ein SVG mit einem Rechtsklick

Ansehen — 15 Sekunden

Ein Menüpunkt, eine Datei

Tutorial · Rechtsklick

Sieh dir das Menü in der Aufnahme an: Es gibt kein Bild speichern unter… darin, weil ein Inline-<svg> kein Bild ist. Die Zeile der Erweiterung ist das Einzige dort, was den Vektor speichern kann.

Was die Aufnahme zeigt

1. Du willst ein Icon, und zwar jetzt
2. Klick mit rechts darauf und nimm „Als SVG speichern“
3. Kein Popup, kein Scan — ein Menüpunkt, eine Datei
4. Derselbe Bereiniger läuft, die Datei öffnet also weiterhin überall

Wann was

Rechtsklick für eines, das Popup für eine Entscheidung

Beide Wege enden bei derselben Datei, erzeugt vom selben Code. Sie unterscheiden sich darin, was du vorher wissen musst.

• Rechtsklick, wenn du schon genau weißt, welche Grafik du willst, und sie direkt vor dir hast. Du zeigst darauf; keine Liste, kein Blättern, keine Mehrdeutigkeit. Das ist der schnellstmögliche Weg zu einer einzelnen Datei.
• Das Popup, wenn du es noch nicht weißt — wenn du die isolierte Vorschau sehen, zwei ähnliche Icons vergleichen, einen Dateinamen wählen, in PNG umwandeln, das Markup kopieren oder die ganze Seite auf einmal nehmen willst. Das ist der Weg mit Optionen.

Bemerkenswert: Der Rechtsklick braucht überhaupt keinen Scan. Nichts läuft durch die Seite, nichts wird gezählt, und es gibt keine Liste zu bauen — der Erweiterung wird das angeklickte Element übergeben, und sie arbeitet nur an diesem einen Ding.

Eines greifen

Es gibt zwei Schritte, und einer davon ist „Rechtsklick“.

1. Klick mit rechts auf die Grafik. Zeig auf das Icon, Logo oder die Illustration, die du willst, und klick mit rechts. Es funktioniert bei Inline-Vektoren, bei Bildern und bei Grafiken, die als CSS-Hintergrund gemalt sind.
2. Wähl „Als SVG speichern“. Der Eintrag der Erweiterung sitzt in einer eigenen Gruppe unter Chromes eigenen Einträgen. Ihn zu wählen findet die Grafik unter deinem Cursor, löst sie auf, bereinigt sie und speichert sie — zu keinem Zeitpunkt öffnet sich ein Popup.

Es ist dieselbe Datei, keine Abkürzungsversion

Die schwere Arbeit passiert in beiden Fällen an derselben Stelle. Der Service Worker hinter dem Menüpunkt hat kein eigenes DOM, also fragt er das Content-Skript der Seite nach einer fertigen, bereinigten Datei und übergibt sie der Download-Maschinerie des Browsers. Das ist genau derselbe Pfad wie bei einem Popup-Download — dieselbe Namensraum-Reparatur, dasselbe Entfernen von Skripten und Event-Handlern. Du tauschst keine Qualität gegen Tempo.

Wo der Menüpunkt nicht erscheint

Er ist nur für gewöhnliche Webseiten registriert — http und https. Auf chrome://-Seiten, im Chrome Web Store oder anderen Erweiterungsgalerien, auf PDFs und anderen Nicht-HTML-Dokumenten wirst du ihn nicht sehen. Browser blockieren Erweiterungen auf ihren eigenen Galerieseiten bewusst, und keine Erweiterung kann das umgehen.

Wenn das Icon aus einem Sprite kommt

<use>-Sprite-Referenzen, die ins selbe Dokument zeigen, lösen sofort auf. Eine, die auf eine separate Sprite-Datei zeigt, die die Seite nicht geladen hat, muss erst geholt werden — das dauert einen Moment länger oder scheitert, wenn diese Datei unerreichbar ist. Öffne in dem Fall das Popup und nimm sie aus dem Scan, der mehr Spielraum hat, sie aufzulösen.

Schritte

Zwei. Rechtsklick, dann den Eintrag wählen. Kein Popup, kein Scan.

Qualität

Identisch mit einem Popup-Download — derselbe Bereiniger, dieselbe Namensraum-Reparatur.

Läuft auf

Inline-Vektoren, Bilder und CSS-Hintergrundgrafiken auf jeder http(s)-Seite.

Nimm das Popup für

Vorschau, Umbenennen, PNG-Umwandlung, Kopieren oder die ganze Seite auf einmal.

Gut zu wissen

Häufig gefragt