blocks|key|988376|text|你可以使用谷歌S2转换器。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|988377|http://www.google.com/s2/favicons?domain=google.com|offset|length|988378|来源：http://www.labnol.org/internet/get-favicon-image-of-websites-with-google/4404/|988379|entityMap|0|LINK|mutability|MUTABLE|url|1|http://www.labnol.org/internet/get-favicon-image-of-websites-with-google/4404/^0|0|0|1F|0|0|3|26|1|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@]|9|@$D|S|E|T|1|U]]|A|$]]|$1|F|3|G|5|6|7|V|8|@]|9|@$D|W|E|X|1|Y]]|A|$]]|$1|H|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|C]]|O|$5|K|L|M|A|$N|P]]]]

You can use Google S2 Converter.

<a href="http://www.google.com/s2/favicons?domain=google.com" rel="noreferrer">http://www.google.com/s2/favicons?domain=google.com</a>

Source: <a href="http://www.labnol.org/internet/get-favicon-image-of-websites-with-google/4404/" rel="noreferrer">http://www.labnol.org/internet/get-favicon-image-of-websites-with-google/4404/</a>

blocks|key|987562|text|首先要查找的是站点根目录中的/favicon.ico；像WebClient.DownloadFile()这样的内容就可以了。但是，您也可以在元数据中设置图标，因此如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|987563|<link+rel="shortcut+icon"
+++href="http://sstatic.net/stackoverflow/img/favicon.ico">|code-block|syntax|javascript|987564|请注意，替代图标可能是可用的；“触摸”图标往往更大、分辨率更高，例如：|987565|<link+rel="apple-touch-icon"
+++href="http://sstatic.net/stackoverflow/img/apple-touch-icon.png">|987566|因此，您可以在HTML+Agility+Pack或XmlDocument+(如果是xhtml)中解析它，并使用WebClient.DownloadFile()|987567|下面是我用来通过敏捷包获得的一些代码：|987568|var+favicon+=+"/favicon.ico";
var+el=root.SelectSingleNode("/html/head/link[@rel='shortcut+icon'+and+@href]");
if+(el+!=+null)+favicon+=+el.Attributes["href"].Value;|987569|注意这个图标是他们的，不是你的。|987570|entityMap^0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|W|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|Y|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|Z|8|@]|9|@]|A|$]]|$1|O|3|P|5|D|7|10|8|@]|9|@]|A|$E|F]]|$1|Q|3|R|5|6|7|11|8|@]|9|@]|A|$]]|$1|S|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|T|$]]

The first thing to look for is /favicon.ico in the site root; something like WebClient.DownloadFile() should do fine. However, you can also set the icon in metadata - for SO this is:

<pre><code>&lt;link rel="shortcut icon"
 href="http://sstatic.net/stackoverflow/img/favicon.ico"&gt;
</code></pre>

and note that alternative icons might be available; the "touch" one tends to be bigger and higher res, for example:

<pre><code>&lt;link rel="apple-touch-icon"
 href="http://sstatic.net/stackoverflow/img/apple-touch-icon.png"&gt;
</code></pre>

so you would parse that in either the HTML Agility Pack or XmlDocument (if xhtml) and use WebClient.DownloadFile()

Here's some code I've used to obtain this via the agility pack:

<pre><code>var favicon = "/favicon.ico";
var el=root.SelectSingleNode("/html/head/link[@rel='shortcut icon' and @href]");
if (el != null) favicon = el.Attributes["href"].Value;
</code></pre>

Note the icon is theirs, not yours.

blocks|key|988446|text|最大限度地减少每个页面所需的请求数量是一个很好的实践。因此，如果您需要多个图标，yandex可以在一个查询中创建多个图标。下面是一个http://favicon.yandex.net/favicon/google.com/stackoverflow.com/yandex.net/示例|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|988447|entityMap|0|LINK|mutability|MUTABLE|url|http://favicon.yandex.net/favicon/google.com/stackoverflow.com/yandex.net/^0|1U|22|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

It's a good practice to minimize the number of requests each page needs.
So if you need several icons, yandex can do a sprite of favicons in one query.
Here is an example
<a href="http://favicon.yandex.net/favicon/google.com/stackoverflow.com/yandex.net/" rel="noreferrer">http://favicon.yandex.net/favicon/google.com/stackoverflow.com/yandex.net/</a>

blocks|key|772928|text|您可以从网站的HTML中获取favicon+URL。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|772929|下面是favicon元素：|offset|length|style|CODE|772930|<link+rel="icon"+type="image/png"+href="/someimage.png"+/>|code-block|syntax|javascript|772931|您应该在这里使用正则表达式。如果找不到标记，请在站点根目录中查找favicon.ico。如果未找到任何内容，则该站点没有收藏夹图标。|772932|entityMap^0|0|3|7|0|0|W|B|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@$D|S|E|T|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|U|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|V|8|@$D|W|E|X|F|G]]|9|@]|A|$]]|$1|O|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|P|$]]

You can get the favicon URL from the website's HTML.
Here is the <code>favicon</code> element:
<pre class="lang-html prettyprint-override"><code>&lt;link rel=&quot;icon&quot; type=&quot;image/png&quot; href=&quot;/someimage.png&quot; /&gt;
</code></pre>
You should use a regular expression here. If no tag found, look for <code>favicon.ico</code> in the site root directory. If nothing found, the site does not have a favicon.

blocks|key|772942|text|HttpWebRequest+w+=+(HttpWebRequest)HttpWebRequest.Create("http://stackoverflow.com/favicon.ico");

w.AllowAutoRedirect+=+true;

HttpWebResponse+r+=+(HttpWebResponse)w.GetResponse();

System.Drawing.Image+ico;
using+(Stream+s+=+r.GetResponseStream())
{
++++ico+=+System.Drawing.Image.FromStream(s);
}

ico.Save("favicon.ico");|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|772943|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre class="lang-cs prettyprint-override"><code>HttpWebRequest w = (HttpWebRequest)HttpWebRequest.Create(&quot;http://stackoverflow.com/favicon.ico&quot;);

w.AllowAutoRedirect = true;

HttpWebResponse r = (HttpWebResponse)w.GetResponse();

System.Drawing.Image ico;
using (Stream s = r.GetResponseStream())
{
 ico = System.Drawing.Image.FromStream(s);
}

ico.Save(&quot;favicon.ico&quot;);
</code></pre>

blocks|key|988343|text|SHGetFileInfo+(检查签名的pinvoke.net+)允许您检索小图标或大图标，就像处理文件/文件夹/Shell项一样。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|988344|entityMap|0|LINK|mutability|MUTABLE|url|http://pinvoke.net/^0|0|D|K|B|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@$9|O|A|P|B|C]]|D|@$9|Q|A|R|1|S]]|E|$]]|$1|F|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|G|$H|$5|I|J|K|E|$L|M]]]]

The <code>SHGetFileInfo</code> (Check <a href="http://pinvoke.net" rel="nofollow noreferrer">pinvoke.net</a> for the signature) lets you retrieve a small or large icon, just as if you were dealing with a file/folder/Shell item.

blocks|key|988511|text|在2020年，通过CLI使用duckduckgo.com的服务|type|unstyled|depth|inlineStyleRanges|entityRanges|data|988512|curl+-v+https://icons.duckduckgo.com/ip2/<website>.ico+>+favicon.ico|code-block|syntax|javascript|988513|示例|988514|curl+-v+https://icons.duckduckgo.com/ip2/www.cdc.gov.ico+>+favicon.ico|988515|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

In 2020, using duckduckgo.com's service from the CLI

<pre><code>curl -v https://icons.duckduckgo.com/ip2/&lt;website&gt;.ico &gt; favicon.ico
</code></pre>

Example

<pre><code>curl -v https://icons.duckduckgo.com/ip2/www.cdc.gov.ico &gt; favicon.ico
</code></pre>

blocks|key|988555|text|这个问题是当我继续搜索网站favicon+API时得到的第一个谷歌搜索结果。所以我认为它在未来仍然是有帮助的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|988556|https://icon.horse/icon/[url.hostname]会给你一个更好的网站图标。|offset|length|988557|https://icon.horse/icon/stackoverflow.com|988558|entityMap|0|LINK|mutability|MUTABLE|url|https://icon.horse/icon/%255Burl.hostname%255D|1^0|0|0|12|0|0|0|15|1|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@]|9|@$D|S|E|T|1|U]]|A|$]]|$1|F|3|G|5|6|7|V|8|@]|9|@$D|W|E|X|1|Y]]|A|$]]|$1|H|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|O]]|P|$5|K|L|M|A|$N|G]]]]

This question is the first google search result I got when I keep searching for website favicon API. So I think it still be helpful in the future.
<a href="https://icon.horse/icon/%5Burl.hostname%5D" rel="nofollow noreferrer">https://icon.horse/icon/[url.hostname]</a> will give you a better site icon.
<a href="https://icon.horse/icon/stackoverflow.com" rel="nofollow noreferrer">https://icon.horse/icon/stackoverflow.com</a>

blocks|key|773067|text|http://realfavicongenerator.net/favicon_checker?site=http://stackoverflow.com为您提供偏好图标分析，说明哪些偏好图标具有多大的大小。您可以处理页面信息以查看哪个是质量最好的收藏夹图标，并将它的文件名附加到URL中以获得它。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|773068|entityMap|0|LINK|mutability|MUTABLE|url|http://realfavicongenerator.net/favicon_checker?site=http://stackoverflow.com^0|0|25|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

<a href="http://realfavicongenerator.net/favicon_checker?site=http://stackoverflow.com" rel="nofollow">http://realfavicongenerator.net/favicon_checker?site=http://stackoverflow.com</a> gives you favicon analysis stating which favicons are present in what size. You can process the page information to see which is the best quality favicon, and append it's filename to the URL to get it.

blocks|key|988460|text|使用jquery|type|unstyled|depth|inlineStyleRanges|entityRanges|data|988461|var+favicon+=+$("link[rel='shortcut+icon']").attr("href")+%7C%7C
++++++++++++++$("link[rel='icon']").attr("href")+%7C%7C+"";|code-block|syntax|javascript|988462|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Using jquery

<pre><code>var favicon = $("link[rel='shortcut icon']").attr("href") ||
 $("link[rel='icon']").attr("href") || "";
</code></pre>

Simple enough question: I've created a small app that is basically just a favourites that sits in my system tray so that I can open often-used sites/folders/files from the same place. Getting the default icons from my system for known file types isn't terribly complicated, but I don't know how to get the favicon from a website. (SO has the grey-&gt;orange stack icon in the address bar for instance)
Does anyone know how I might go about that?

How can I get a web site's favicon?

问题很简单:我已经创建了一个小应用程序，它基本上只是我系统托盘中的一个收藏，这样我就可以从同一位置打开经常使用的站点/文件夹/文件。从我的系统中获取已知文件类型的默认图标并不是很复杂，但我不知道如何从网站中获取收藏图标。(例如，地址栏中的灰色->橙色堆栈图标也是如此)有人知道我会怎么做吗？

问我怎样才能得到一个网站的收藏图标？
EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问我怎样才能得到一个网站的收藏图标？EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问我怎样才能得到一个网站的收藏图标？
EN