来自Ross Moody的伟大的小项目。
SVG Gobbler是一个浏览器扩展，它可以找到你正在浏览的页面上的矢量内容，并让你选择下载、优化、复制、查看代码，或将其导出为图像。
当一个网站使用SVG作为<img> ，你可以像其他图片一样右击/保存。但是，当SVG作为<svg> （这通常是出于样式设计的原因）时，就很难抢到它的副本。我通常会打开DevTools，找到<svg> ，右键点击它，使用 **Copy > Copy outerHTML，**把它粘贴到一个文本文件中，然后保存为whatever.svg 。这比我想的要麻烦一些。
有了SVG Gobbler，我点击浏览器扩展，它就给我提供了一个漂亮的选项网格。
我可以快速地从这里下载它们，但我注意到，如果我愿意，它甚至可以为我优化它们，或者导出为PNG。很好!我今天已经使用了这个软件，而我今天才刚刚安装它。
作为反馈，我想说的是，如果能做到以下几点就更好了。
- 有一种方法来确定PNG输出的大小（如果我需要的话，也可以让我把它弄得很大）。
- 以下一代格式导出，就文件大小而言，甚至可能比PNG更好，比如WebP或AVIF。
- 填充有
white的SVG应该显示在非白色的背景上，这样你就可以看到它们是什么。 - 可以选择让我在下载文件时为其命名，而不是总是为其命名。
gobbler-original.svg
一个扩展目标是以某种方式将网站上使用的CSS提取到<svg> 。我注意到它找到的一些SVG在导出时看起来非常不同，因为该页面使用了SVG以外的样式，而这些样式在导出时就丢失了。
我想知道Safari扩展的变化是否能让Ross轻松地将其移植到Safari（甚至是移动Safari？
SVG Gobbler一文出现在CSS-Tricks上。你可以通过成为MVP支持者来支持CSS-Tricks。
