Pin网站开始菜单自定义图标

时间:2014-06-19 21:59:56

标签: asp.net windows-8

我们如何为固定到Windows 8开始菜单的网站定义自定义图标?

似乎无视:

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

<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png" />

2 个答案:

答案 0 :(得分:0)

根据MSDN(http://msdn.microsoft.com/en-us/library/ie/gg491740(v=vs.85).aspx),IE使用指定的icon

您的HTML似乎有效,如果没有显示我建议清除缓存并重试。同时尝试删除您的iconcache.db文件。

请注意,您的.ico文件必须是真正的ICO文件(而不是重命名的PNG图像),并且应包含16x16,24x24和32x32子图像。对于Windows 8,您可以设置一些其他属性:http://msdn.microsoft.com/en-us/library/ie/gg491732(v=vs.85).aspx但这些与图标无关。

答案 1 :(得分:0)

对于固定网站,您需要使用以下Meta标记来指定图像和背景颜色。例如:

<meta name="msapplication-TileImage" content="/icon-144x144.png"/>
<meta name="msapplication-TileColor" content="#0000ff"/>

平铺图像必须是方形PNG 144px到144px。为获得最佳效果,请使用透明背景,而不是与贴图颜色匹配的背景。可以使用CSS的#rrggbb表示法,CSS颜色名称或CSS rgb()函数将图块颜色指定为十六进制RGB颜色。

注意:当用户将网站固定到他或她的“开始”屏幕时,IE10仅下载图块图像,因此网站不会产生额外的带宽成本。

来源:

http://blogs.msdn.com/b/ie/archive/2012/06/08/high-quality-visuals-for-pinned-sites-in-windows-8.aspx