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中文网其他相关文章！