如何获取图标图像答案

【问题标题】：How to Grab an Icon Image如何获取图标图像
【发布时间】：2013-10-05 23:32:05
【问题描述】：

我正在浏览不同的网站以查找一些我想用作链接的图片。例如，一张 Twitter 图片。

通常，您可以将鼠标悬停在图像上，然后按“控制+单击”以另存为。

但在这个特定的网站上，图像是图标，我无法抓取它们。

这是一个选择元素的屏幕，我想要突出显示的图像，以及随之而来的 html 和 css。

如何获取这个图标？图标在这个网站上：https://uchaguzi.co.ke/

【问题讨论】：

在 CSS 中的某个地方，它可能引用了一个图像文件。（虽然这也可能是自定义字体而不是图像。）检查“网络”选项卡并查看页面请求了哪些文件。
确实，它看起来真的是一个很棒的字体图标 (fortawesome.github.io/Font-Awesome/icon/twitter)。如果你喜欢它，你可以把它的屏幕截图。图标使用的字母在css文件中是这样定义的：.icon-twitter:before { content: "\e00c"; }
David 在“网络”选项卡中看不到任何内容，但无论如何感谢。看起来很有希望的弗林斯我会浏览一下。如果我想从网站上滑动的所有图标都在那里，那就太好了。该网站和我自己的网站都是具有相似功能的人群地图，因此它们的图标也与我的网站相关

【解决方案1】：

如果你想将 Font Awesome 图标转换为 png，你可以使用这个软件： https://github.com/odyniec/font-awesome-to-png

但是...如果 fontawesome 符合您的需求（它有大量设计精美的图标），我强烈建议您使用此处解释的网络字体：http://fortawesome.github.io/Font-Awesome/get-started/

【讨论】：

我不接受就回去了。您的回复很有用，我只是想将其打开一段时间，看看是否有人知道是否可以像抓取标准图像（例如 png）一样抓取图标
当然，没问题...但是不，不可能像标准图像一样抓取字体图标（例如从浏览器的下拉菜单中），除非使用软件来捕获部分屏幕。例如，对于 MAC OS，您可以使用 CMD+SHIFT+4 捕获部分屏幕并将其保存为 png，在 WINDOWS（任何版本）中，您可以使用 CTRL+ALT+PRINT，然后将剪贴板的内容粘贴到处理图像的软件（最终您甚至可以使用paint），以便将其裁剪为所需的大小。