如何从网站下载favicon?

Rob*_*ino 150 firefox graphics windows-7 icons favicon

当您浏览网站时,“网站图标”图标会显示在选项卡中或 URL 旁边(或书签旁边)。

如果我想要那个图形,有没有办法直接从网站下载它?我更喜欢直接从网上下载它,但如果所有其他方法都失败了,我会从它存储在我计算机上的任何地方(Windows 7、Firefox 3.6.6)中挖掘出来。

wag*_*639 197

Studiohack 有“彻底”的方法,但这里有一个简短的黑客:

  1. 输入域名如https://superuser.com/(必须以'/'结尾)
  2. 添加favicon.ico到最后
  3. 按回车键(这应该是在网址:https://superuser.com/favicon.ico
  4. 右键单击图像,然后单击“将图像另存为”

  • 如此简单而天才。 (11认同)
  • 嗯,除了像 Wikia 这样的网站。 (2认同)

aki*_*ira 59

通过阅读http://en.wikipedia.org/wiki/Favicon,您还可以发现:

以下格式跨浏览器兼容,并受 Internet Explorer、Firefox、Chrome 和 Opera 支持。[3]

<link rel="shortcut icon" href="http://www.example.com/myicon.ico" />

此外,以下也是可以接受的:

<link rel="shortcut icon" href="/somepath/myicon.ico" />

下面使用示例显示了 HTML 和 XHTML 支持的链接标记格式。

HTML:

<link rel="icon" type="image/vnd.microsoft.icon" href="http://example.com/image.ico"> <link rel="icon" type="image/png" href="http://example.com/image.png"> <link rel="icon" type="image/gif" href="http://example.com/image.gif">

因此,通常的做法确实是将一个名为“favicon.ico”的文件放在根文件夹中,但可以肯定的是,您必须查找所提供文件的源代码,看看那里是否定义了什么以及定义了什么。

例如,对于http://superuser.com,它是

<link rel="shortcut icon" href="http://sstatic.net/su/favicon.ico"> 
Run Code Online (Sandbox Code Playgroud)

  • 我发现了不在根文件夹中存储 favicon.ico 的站点,尤其是在 Wikia 上。但上述工作。 (2认同)
  • 在页面上打开检查元素并搜索 `ico` 应该会找到它。 (2认同)

小智 35

您可以使用 Google S2 转换器执行此操作。

这是语法:http : //www.google.com/s2/favicons? domain= DomainName

例如:http : //www.google.com/s2/favicons? domain = https: //superuser.com/

  • 不,如果域名无法通过 google 访问,这将不起作用,这在专用网络中可能是正确的。 (3认同)

nit*_*jee 31

您不能总是添加 /favicon.ico (例如https://superuser.com/favicon.ico
所有答案都比必要的复杂。

你所做的就是这里写的:http : //www.itechcolumn.com/4-way-download-favicon-website/

  1. 转到目标站点。
  2. 查看页面源代码(在页面上右键点击“查看页面源代码”)——使用firefox,在其他浏览器中可能略有不同。
  3. 搜索(Ctrl+F)“快捷方式图标”
  4. 您应该会看到如下内容:

    link rel="shortcut icon" href="http://www.sitename.com/images/thenameofthefavicon.ico"/>

  5. 右键单击链接http://www.sitename.com/images/favicon.ico并保存图标。或者,使用 URL 打开页面并保存页面。

  • 好建议!但并非所有网站都直接在 HTML 中指定它,可以推断出.. (4认同)

小智 19

以前的答案都不适合我,因为我需要图标的站点是内部站点,没有在源代码中公开它,并且不允许附加 /favicon.ico 所以我挖了更多。

Chrome 可以使用以下解决方案可靠地拉出网站图标:

  1. 访问您想要图标的站点
  2. 在网站 url 前添加“chrome://favicon/”。
  3. 右键单击图像
  4. 将图像另存为...


stu*_*ack 5

在 Firefox 3 中:单击图标,会出现一个弹出窗口,您可以单击“更多信息”...在弹出的窗口中,转到“媒体”选项卡。突出显示您想要的特定媒体项目(它在窗口底部的大白空间中显示预览),然后单击“另存为”。给它一个名字,选择一个位置,你就完成了!:)

有些网站可能没有列出收藏夹图标,但有些网站会……命中或错过……在超级用户上试试这个……SU 列出了收藏夹图标……


小智 5

如果您启用了 JavaScript,您可以在控制台中运行:

(function() {
    var i=0;
    var arrLink = [];
    var found = 0;
    arrLink = document.getElementsByTagName('link');
    if (arrLink.length > 0) {
        for (i=0; i < arrLink.length; i++) {
            if (typeof arrLink[i].rel !== 'undefined' && arrLink[i].rel.indexOf('icon') > -1) {
                found = 1;
                window.open(arrLink[i].href);
            }
        }
        if (found === 0) {
            alert('favico Not Found');
        }
    } else {
        alert('favico Not Found');
    }
})();
Run Code Online (Sandbox Code Playgroud)

或者使用以下代码作为 URL 中的书签/粘贴:

javascript:(function(){var a=0,b=[],c=0,b=document.getElementsByTagName("link");if(0<b.length){for(a=0;a<b.length;a++)"undefined"!==typeof b[a].rel&&-1<b[a].rel.indexOf("icon")&&(c=1,window.open(b[a].href));0===c&&alert("favico Not Found")}else alert("favico Not Found")})();
Run Code Online (Sandbox Code Playgroud)