SVG Gobbler

Großartiges kleines Projekt von Ross Moody

SVG Gobbler ist eine Browser-Erweiterung, die den Vektorgehalt der Seite, die Sie gerade ansehen, findet und Ihnen die Möglichkeit gibt, ihn herunterzuladen, zu optimieren, zu kopieren, den Code anzuzeigen oder als Bild zu exportieren.

Wenn eine Website SVG als <img> verwendet, können Sie sie wie jede andere Bilddatei mit der rechten Maustaste anklicken/speichern. Wenn SVG jedoch inline als <svg> eingebettet ist (was aus Styling-Gründen oft sinnvoll ist), ist es schwieriger, eine Kopie davon zu erhalten. Normalerweise öffne ich die Entwicklertools, suche das <svg>, klicke mit der rechten Maustaste darauf, wähle Kopieren > Äußeres HTML kopieren, füge es in eine Textdatei ein und speichere es als whatever.svg. Etwas mühsamer, als ich es mir wünschen würde.

Mit SVG Gobbler klicke ich auf die Browser-Erweiterung und er präsentiert mir ein schönes Raster mit Optionen.

Ich kann sie hier schnell herunterladen, aber beachten Sie, dass sie sie sogar für mich optimiert, wenn ich möchte, oder stattdessen als PNG exportiert. Nett! Ich habe das heute schon genutzt, und ich habe es erst heute installiert.

Als Feedback würde ich sagen, dass es schön wäre,

1. Eine Möglichkeit zu haben, die PNG-Exportgröße festzulegen (könnte mir genauso gut erlauben, sie riesig zu machen, wenn ich sie brauche).
2. In nächsten Generationen von Formaten zu exportieren, die in Bezug auf die Dateigröße sogar besser als PNG sein könnten, wie WebP oder AVIF.
3. SVGs, die eine white Füllung haben, sollten auf einem nicht-weißen Hintergrund angezeigt werden, damit man erkennen kann, was sie sind.
4. Optional anbieten, mir die Datei beim Herunterladen benennen zu lassen, anstatt sie immer gobbler-original.svg zu nennen.

Ein Stretch Goal wäre, irgendwie den auf der Website verwendeten CSS in das <svg> zu extrahieren. Mir fällt auf, dass einige SVGs, die es findet, beim Export sehr unterschiedlich aussehen, da die Seite externe Stile verwendete, um sie zu stylen, die beim Export verloren gehen.

Ich frage mich, ob die Änderungen an den Safari-Erweiterungen es Ross ermöglichen werden, dies einfach nach Safari (sogar Mobile Safari?!) zu portieren.