SVG Gobbler

Ross Moody 的這個小項目很棒：

SVG Gobbler 是一款瀏覽器擴展程序，它可以查找您正在查看的頁面上的矢量內容，並允許您下載、優化、複製、查看代碼或將其導出為圖像。

當網站使用SVG 作為圖像時，您可以像處理其他圖像一樣右鍵單擊/另存為。但是，當SVG 以<svg></svg>形式內聯顯示時（出於樣式原因，這通常很有意義），就很難獲取它的副本。我通常最終會打開開發者工具，找到<svg></svg>，右鍵單擊它，使用“複製> 複製外部HTML”，粘貼到文本文件中，並將其另存為whatever.svg。這比我想要的麻煩得多。

使用SVG Gobbler，我單擊瀏覽器擴展程序，它會顯示一個不錯的選項網格：

我可以快速從此處下載它們，但請注意，如果我願意，它甚至可以為我優化它們，或者導出為PNG。很不錯！我今天已經用過它了，而我今天才剛剛安裝它。

就反饋而言，我想說最好：

1. 有一種方法可以調整PNG 導出的尺寸（如果需要，最好允許我將其放大）。
2. 以比PNG 文件大小更好的下一代格式導出，例如WebP 或AVIF。
3. 填充為白色的SVG 應該顯示在非白色背景上，以便您可以看到它們是什麼。
4. 可選地，允許我在下載時為文件命名，而不是始終將其命名為gobbler-original.svg。

一個更遠大的目標是將網站上使用的CSS 提取到<svg></svg>中。我注意到它找到的一些SVG 在導出時看起來非常不同，因為頁面正在使用SVG 外部的樣式來設置其樣式，這些樣式在導出時會丟失。

我想知道Safari 擴展程序的更改是否允許Ross 輕鬆地將其移植到Safari（甚至是移動Safari？！）。

以上是SVG Gobbler的詳細內容。更多資訊請關注PHP中文網其他相關文章！