如何从网站上下载网站图标?


121

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

如果我想要该图形,是否可以直接从该站点下载?我宁愿直接从Web上下载它,但如果所有其他方法都失败了,我将把它存储在计算机上的任何位置(Windows 7,Firefox 3.6.6)进行挖掘。

Answers:


158

Studiohack具有“彻底”的方法,但是这里有一个简短的技巧:

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

其他答案都很棒。我学到了很多东西,谢谢。但是,出于我的特定目的,这就是我想要的。公认。
罗伯特·卡塔诺

2
好吧,除了Wikia之类的网站。
Hello71

10
如此简单却天才。
拉菲·哈查杜安

48

通过阅读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"> 

1
我发现站点不在根文件夹中存储favicon.ico,尤其是在Wikia上。但以上工作。
D Coetzee 2012年

在页面上打开inspect元素并搜索ico应该找到它。
Qwertie

当在客户端的公共站点上查找客户端的图标以添加到其SFTP服务器的HTTPS界面时,这也对我有用。
Dacid Salin

29

您不能总是添加/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打开页面并保存页面。


4
好建议!但是,并非所有的网站直接将其指定的HTML,可以推断..
杰夫·阿特伍德

1
/favicon.ico不能执行此操作。谢谢。
约书亚舞

26

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

语法如下:http : //www.google.com/s2/favicons? domain= DomainName

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


很棒的工具,而且比导航到特定的favico网址更快
Luca Steeb 2015年

这是为我工作的唯一方法。
Anixx

这实际上是答案!因为上面接受的答案假设favicon文件始终位于根目录中,所以始终被命名为“ favicon”,并且始终为.ico格式,但情况并非总是如此!。有人在某处提到,@ vamshi发布的链接中的请求使Google的S2库实际上从目标网站中提取了收藏夹图标,而不是显示已缓存的收藏夹图标。但是我会对其进行测试以确保。
耐光

1
不,如果域名不可通过Google访问,则该方法不起作用,这在专用网络中可能是正确的。
安德鲁·萨维尼赫

13

以前的答案对我都不起作用,因为我需要从中获得图标的网站是内部网站,没有在源代码中公开,并且不允许附加/favicon.ico,因此,我进行了更多研究。

Chrome可以使用以下解决方案可靠地拉出收藏夹图标:

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

5

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

某些网站可能未列出网站图标,但有些网站可能会...点击或丢失...在超级用户上尝试... SU列出了网站图标...


1
这在Firefox最新版本(版本21)中是相同的,但是,如果该图标在IE默认的站点根目录中显示,则它将不会显示为媒体!因为它不是直接在HTML中指定的,所以暗含了它。
杰夫·阿特伍德

4

如果启用了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');
    }
})();

或者,将以下代码用作书签/粘贴在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")})();

2

不需要所有的PHP废话。

在Firefox中,您需要做的就是单击URL中的ico图像,单击“更多信息”,然后单击“媒体”按钮。Favicon.ico通常是列表中的第一个并且已经突出显示,但是如果不是,请向下滚动,然后单击“另存为”按钮。

顺便说一句,从Firefox 16开始,ico图像不再显示在URL字段中,而是显示在每个选项卡中,并且可以用相同的方式捕获。


这似乎不再成立。图标仅显示在选项卡上。URL框图标是一个仅提供有关网站安全性和权限的信息的地球仪
计时码表

1

尝试使用此PHP,它将获取favicon并将其另存为.ico文件。您可能可以使用它来捕获几乎所有文件。注意将“ b”用于“二进制”标志。

<?php
    echo '<p>Fetching Favicon.ico.</p>';
    $in = fopen('http://targetdomain.com/favicon.ico', 'rb');
    $contents = '';
    while (!feof($in)) {
        $contents .= fread($in, 8192);
        }
    fclose($in);
    $len = strlen($contents);
    echo '<p>Read ' . $len . ' bytes.</p>';

    $out = fopen('favicon.ico', 'wb');
    fwrite($out, $contents, $len);
    fclose($out);
    echo '<p>Written Favicon.ico.</p>';
?>

1
这可能是可行的,但是它的作用太大了,与OP从Windows / Firefox下载它的要求不符。如果要使用PHP,则最好在源代码中搜索链接引用。
wag2639

0

只需从地址栏中复制URL并进入网站,然后右键单击并选择查看源,或在地址栏中输入:view-source:website address。如果要获取Facebook图标,只需输入,然后输入view-source :http : //www.facebook.com,只需同时按Ctrl和F并输入.ico,您将看到一个链接。在该链接中,将显示一个带有绿色突出显示的.ico的文本。按该链接,您将看到右键单击>图像另存为,然后输入名称并保存。


0

网站图标的网址可能不同于www.example.com/favicon.ico

只需右键单击页面View Page Source,然后单击,然后您就可以faviconhead标记中找到链接!

例如:

<link href="/MyFavicon.ico" type="image/x-icon" rel="shortcut icon"/>
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.