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

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

#1 楼

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


输入域名,例如https://superuser.com/(必须以'/'结尾)
在末尾添加favicon.ico
按Enter键(应在URL:https://superuser.com/favicon.ico中)
右键单击图像,然后单击“将图像另存为”


评论


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

– Robert Cartaino
2010-6-30在2:44



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

– Hello71
2010年7月4日在22:14

如此简单却天才。

–拉菲·哈特查杜安(Raffi Khatchadourian)
2012年11月23日19:28

天才,真的。我什至可以从Internet Wayback Machine获得死链接网站的网站图标。在此处查看我的示例web.archive.org/web/20190615152329/http://www.ubuntubuzz.com/…,这是一个带有白色“ ub!”的橙色框。文字。非常感谢!

–阿德·马尔萨萨(Ade Malsasa Akbar)
20-2-21在7:13

#2 楼

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


以下格式是跨浏览器兼容的,并且受Internet支持
资源管理器,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"> 


评论


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

– D Coetzee
2012年12月28日在18:19

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

– Qwertie
17年6月27日在4:13

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

– Dacid Salin
19年7月17日在17:00

#3 楼

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

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

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

评论


很棒的工具,而且比导航到特定的favico url更快

–卢卡·斯蒂布(Luca Steeb)
15年10月29日在21:07

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

–Anixx
16-10-5在8:40

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

–防光
18/12/6在11:46



不,如果域名不可通过Google访问,则该方法不起作用,这在专用网络中可能是正确的。

–安德鲁(Andrew Savinykh)
19年5月7日在23:25

为我下载最低质量的图标。

–丹尼尔·希尔(Daniel Hill)
20年8月17日在7:24

#4 楼

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

您所做的就是写的内容此处:http://www.itechcolumn.com/4-way-download-favicon-website/


转到目标站点。
查看页面源代码(右)单击页面,然后单击“查看页面源代码”)-使用firefox,在其他浏览器中可能会略有不同。
(Ctrl + F)搜索“快捷方式图标”

您应该看到类似这样的内容:

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

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


评论


好建议!但并非所有站点都直接在HTML中指定它,因此可以推断出它。

–杰夫·阿特伍德
13年5月31日在18:59

/favicon.ico不能执行此操作。谢谢。

–约书亚舞
16年8月8日在22:16

#5 楼

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

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


访问您想要收藏夹图标的站点
添加'chrome:// favicon /在网站网址之前。


示例:chrome:// favicon / https://google.com



右单击图像
将图像另存为...


#6 楼

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

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

评论


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

–杰夫·阿特伍德
13年5月31日在18:58



#7 楼

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


#8 楼

不需要所有的PHP废话。

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

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

评论


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

–计时
17年2月16日在11:03

#9 楼

尝试使用此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>';
?>


评论


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

– Wag2639
2014年10月4日23:10



#10 楼

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

只需右键单击页面,然后单击View Page Source,即可在favicon标记中找到head链接!

例如。 :

<link href="/MyFavicon.ico" type="image/x-icon" rel="shortcut icon"/>


#11 楼

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