我没有关注所有最新的webdev趋势，所以我对现代网站提供的<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
以外的其他图标应该提供什么问题？
我当前的HTML看起来像这样：
favicon.ico我的mailx <$FOO是32x32 PNG文件。
我应该为我的新网站提供哪些其他图标？我想有Android，OSX，Facebook（当你分享你的网站？）和其他人的图标。
答案 0 :(得分：0)
多种尺寸的Favicons：
<link rel="icon" sizes="16x16" href="favicon.png">
<link rel="icon" sizes="32x32" href="favicon-l.png">
<link rel="icon" sizes="64x64" href="favicon-xl.png">
注意： 16x16和32x32是最常见的;其他尺寸不太可能被主流浏览器使用。
<强> iOS icons
<link rel="apple-touch-icon" href="touch-icon-iphone.png">
<link rel="apple-touch-icon" sizes="76x76" href="touch-icon-ipad.png">
<link rel="apple-touch-icon" sizes="120x120" href="touch-icon-iphone-retina.png">
<link rel="apple-touch-icon" sizes="152x152" href="touch-icon-ipad-retina.png">
注1：这些是also used by Android。
注意2：如果您不希望iOS应用＆＃34;玻璃效果＆＃34;则使用rel="apple-touch-icon-precomposed"并按原样显示您的图像。
<强> Microsoft Windows 8.1 Tiles
<meta name="application-name" content="My Site"/>
<meta name="msapplication-TileColor" content="#000000"/>
<meta name="msapplication-square70x70logo" content="/ms-tiny.png"/>
<meta name="msapplication-square150x150logo" content="/ms-square.png"/>
<meta name="msapplication-wide310x150logo" content="/ms-wide.png"/>
<meta name="msapplication-square310x310logo" content="/ms-large.png"/>
注意：这些也用于Windows手机。
网页缩略图（例如used by Facebook）
<meta property="og:image" content="http://example.com/preview-100x100.png" />