SVG Gobbler

Dieses kleine Projekt von Ross Moody ist großartig:

SVG Gobbler ist eine Browser -Erweiterung, die auf der Seite, die Sie anzeigen, Vektorinhalte findet und es Ihnen ermöglicht, ihn als Bild herunterzuladen, zu optimieren, zu kopieren, zu anzeigen oder zu exportieren.

Wenn eine Website SVG als Bild verwendet, können Sie mit der rechten Maustaste klicken/speichern, wie Sie es mit anderen Bildern tun würden. Wenn SVG jedoch ist<svg></svg> Wenn das Formular inline angezeigt wird (was normalerweise aus Stilgründen sinnvoll ist), ist es schwierig, eine Kopie davon zu erhalten. Normalerweise öffne ich das Entwicklerwerkzeug und finde ich<svg></svg> Klicken Sie mit der rechten Maustaste darauf, verwenden Sie kopieren> Externe HTML kopieren, in eine Textdatei einfügen und sie als was auch immer speichern. Dies ist viel mehr problematisch als ich will.

Mit SVG Gobbler klicke ich auf die Browser -Erweiterung und zeigt ein schönes Netz von Optionen an:

Ich kann sie schnell von hier herunterladen, aber beachten Sie, dass es sie sogar für mich optimieren kann, wenn ich möchte, oder als PNG exportieren. sehr schön! Ich habe es heute benutzt und habe es heute gerade installiert.

Was das Feedback betrifft, möchte ich sagen, dass es am besten ist:

1. Es gibt eine Möglichkeit, die Größe des PNG -Exports anzupassen (es ist besser, wenn ich sie bei Bedarf vergrößern kann).
2. Exportieren Sie in ein Format der nächsten Generation mit einer besseren Größe als PNG-Datei wie WebP oder AVIF.
3. Mit Weiß gefüllte SVGs sollten auf einem nicht weißen Hintergrund angezeigt werden, damit Sie sehen können, was sie sind.
4. Optional darf ich die Datei beim Herunterladen benennen, anstatt sie immer gobbler-original.svg zu benennen.

Ein größeres Ziel ist es, CSS zu extrahieren, die auf der Website verwendet werden, um<svg></svg> Mitte. Ich habe festgestellt, dass einige der SVGs beim Export sehr unterschiedlich aussehen, da die Seite Stile außerhalb des SVG verwendet, um sie zu stylen, die beim Export verloren gehen.

Ich frage mich, ob die Änderungen an der Safari -Erweiterung es Ross ermöglichen, sie problemlos auf Safari (oder sogar mobile Safari?!) Zu portieren.

Das obige ist der detaillierte Inhalt vonSVG Gobbler. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!