您可以自己编写代码或使用现有解决方案。
自行编写算法
<link rel="apple-touch-icon" href="/apple-touch-icon.png">。这些图片的尺寸从57x57到152x152不等。请参阅苹果规格获取完整参考。/apple-touch-icon.png找到一些东西。再次参阅苹果规格以获取参考。<link rel="icon" type="image/png" href="/favicon-196x196.png" sizes="196x196">。在此示例中，您有一个196x196的图片。<meta name="msapplication-TileImage" content="/mstile-144x144.png">。这些图片的尺寸从70x70到310x310甚至更大。请参阅Windows 8和Windows 8.1的参考资料。/browserconfig.xml，这个文件专门为 Windows 8.1 / IE11 设计。在这里你可以找到网站瓷砖图片的另一种位置。请参阅Microsoft规格说明。og:image 声明，例如<meta property="og:image" content="http://somesite.com/somepic.png"/>。这是网站向FB/Pinterest/whatever指示其首选图片的方式。请参考Open Graph Protocol。注意：步骤1、2和3基本上是Chrome获取书签和主屏幕链接的合适图标所做的事情。Opera的Coast甚至使用MS瓷砖图片完成任务。阅读此列表以确定哪个浏览器使用哪个图片(完整披露：我是这个页面的作者)。
API和开源项目
RealFaviconGenerator:你可以使用这个favicon检索API获取任何网站的favicon或相关图标(如触摸图标)。完整披露：我是这个服务的作者。
BestIcon:虽然不太全面，但Besticon提供了一个很好的替代方案，特别是如果你想自己托管代码。还有一个可直接使用的托管版本。
在 https://github.com/mat/besticon 的 Go 代码尝试解决这个问题。
例如：
$ besticon http://github.com
http://github.com: https://github.com/apple-touch-icon-144.png
此外，还有一个配套的托管版本的代码，例如请查看http://icons.better-idea.org/icons?url=github.com。
（免责声明：我之所以写这个代码，是因为我一段时间前也需要解决同样的问题。）
https://www.google.com/s2/favicons?domain={domain}&sz={size}
https://www.google.com/s2/favicons?domain=stackoverflow.com&sz=64
这个 HTML 文档需要一个基本的 URL 和网页的 HTML/"查看页面源代码"，并应输出值。
<!doctype html>
<input type=text placeholder=URL><br>
Place "View Page Source" of HTML homepage<br>
<textarea id=HTML placeholder="HTML content of webpage">
</textarea><br>
<input type=Submit>
<script>
function url(u,n){
try{
u = u.getAttribute(n);
}
catch(e){
return 'null';
}
if(u.slice(0,2) == "//"){
u = "http:"+u;
}
else if(u.slice(0,1) == "/"){
u = u.slice(0,1);
}
return '<img src="'+u+'">';
}
document.querySelector('input[type=Submit]').onclick = function(){
var output = '';
var HTML = document.getElementById('HTML').value;
var doc = document.implementation.createHTMLDocument("New Document");
doc.documentElement.innerHTML = HTML;
output = output + "apple-touch-icon<br>"+url([].slice.apply(doc.querySelectorAll('link[rel="apple-touch-icon"]')).reverse()[0],'href')
// deprecated output = output + "apple-touch-icon-precomposed<br>"+url([].slice.apply(doc.querySelectorAll('link[rel="apple-touch-icon-precomposed"]')).reverse()[0],'href')
output = output + "<br>image/png<br>" + url(doc.querySelectorAll('link[rel="icon"][type="image/png"]')[0],'href');
// <meta name="msapplication-TileImage" content="/mstile-144x144.png">
// deprecated output = output + "<br>msapplication-Ti:<br>"+ url(doc.querySelectorAll('link[name="msapplication-TileImage"]')[0],'content');
// <meta name="msapplication-config" content="/browserconfig.xml/ ">
//output = output + "<br>msapplication-con: "+ url(doc.querySelectorAll('meta[name="msapplication-config"]')[0],'content');
// <meta property="og:image" content="http://somesite.com/somepic.png"/>
output = output + "<br>og:image<br>" + url(doc.querySelectorAll('meta[property="og:image"]')[0],'content');
// <link rel="image_src" href="https://cdn.sstatic.net/Sites/stackoverflow/Img/apple-touch-icon.png?v=c78bd457575a">
output = output + "<br>image_source<br>" + url(doc.querySelectorAll('link[rel="image_src"]')[0],'href');
var URL = window.location.hash;
document.getElementById('output').innerHTML = output;
};</script>
<div id=output></div>
<? echo file_get_contents($_GET["url"]);
Logo的命名不会一致，很难保持一致的识别。考虑将网站图标放在适当尺寸的彩色瓷砖上。人们会很快将颜色与网站联系起来。您可以使用类似colorthief的工具从网站或网站图标中提取主要颜色，或者使用黄金角公式选择每个图标的独特色调。
这里有一个新的真正解决方案，它将始终为您提供最佳结果-
下一步是将此url转换为位图，可以像这样完成：
try {
URL url = new URL(touchiconUrl);
HttpURLConnection connection =
(HttpURLConnection)url.openConnection();
connection.setDoInput(true);
connection.connect();
InputStream input = connection.getInputStream();
Bitmap myBitmap = BitmapFactory.decodeStream(input);
return myBitmap;
} catch (IOException e) {
e.printStackTrace();
return null;
}
下一步是将此位图发送到快捷方式。
注意：记得在后台线程上创建位图，例如异步任务。