Html 如何抓取图标图像

我在不同的网站上浏览一些我想用来链接的图片。例如，一个是Twitter图片

通常，您可以将鼠标悬停在图像上，然后按“control+click”将其另存为

但在这个特殊的网站上，这些图片是图标，不允许我抓取它们

这里是一个select元素的屏幕，我希望突出显示该图像，以及它附带的html和css

我如何抓住这个图标？图标位于此网站上：

---

如果要将字体图标转换为png，可以使用以下软件：

---

然而。。。如果fontawesome符合您的需要（它有大量设计精良的图标），我强烈建议您使用web字体，如下所述：

在CSS中的某个地方，它可能引用了一个图像文件。（虽然这也可能是一种自定义字体，而不是图像。）检查网络选项卡，查看页面请求了哪些文件。实际上，它看起来确实是一个字体图标（）。如果你喜欢，你可以拍一张截图。图标使用的字母在css文件中的定义如下：

.icon twitter:before{content:\e00c”}

David在网络选项卡中看不到任何内容，但还是要感谢您。看起来很有前途的福林斯，我会四处看看。如果我想从网站上滑动的所有图标都在那里，那就太棒了。该网站和我自己的网站都是具有类似功能的众地图，因此它们的图标与我的网站tooI返回时未被接受。你的回答很有用，我只是想让它打开一段时间，看看是否有人知道是否有可能像抓取标准图像一样抓取图标，比如pngSure，没问题。。。但是，除了使用软件捕捉屏幕的一部分外，不可能像抓取标准图像那样抓取字体图标（比如从浏览器中的下拉菜单）。例如，在MAC OS中，您可以使用CMD+SHIFT+4捕获屏幕的一部分并将其保存为png，在WINDOWS（任何版本）中，您可以使用CTRL+ALT+PRINT，然后将剪贴板的内容粘贴到软件中以处理图像（最终您甚至可以使用

paint

），以便将其裁剪到所需的大小。