Windows 8上的`msapplication-TileImage`的Favicon备份.

Question

我有一个简单的是/否问题.

如果我不把它放在我的HTML文件中:

<meta name="msapplication-TileImage" content="favicon.png">

Windows 8会自动使用此PNG:

<link rel="icon" href="favicon.png">

我没有Windows 8机器来测试它.

Answer 1

简单的答案是肯定的,它将使用favicon.

话虽如此,它可能无法以最佳方式显示.

这是我运行的测试的屏幕截图:

更新

我最初发布的答案仍然有效但有更好的方法:

适用于Windows 8.1+的IE 11+自定义磁贴

Windows 8.1+上的IE 11+确实提供了一种为您的站点创建固定磁贴的方法.

Microsoft建议以以下大小创建几个磁贴:

小:128 x 128

中:270 x 270

宽:558 x 270

大:558 x 558

这些应该是透明图像,因为我们接下来将定义颜色背景.

创建这些图像后,您应该创建一个browserconfig.xml使用以下代码调用的xml文件:

<?xml version="1.0" encoding="utf-8"?>
<browserconfig>
  <msapplication>
    <tile>
      <square70x70logo src="images/smalltile.png"/>
      <square150x150logo src="images/mediumtile.png"/>
      <wide310x150logo src="images/widetile.png"/>
      <square310x310logo src="images/largetile.png"/>
      <TileColor>#009900</TileColor>
    </tile>
  </msapplication>
</browserconfig>

将此xml文件保存在站点的根目录中.当网站被固定时,IE将查找此文件.有关IE 11+自定义磁贴和使用XML文件的其他信息,请访问Microsoft的网站.

老答案

为Windows 8合并favicon的最佳方法是使用以下代码:

<meta name="msapplication-TileColor" content="#D83434">
<meta name="msapplication-TileImage" content="path/to/tileicon.png">

第一行是图块颜色,您可以使用十六进制值,RGB或CSS颜色名称.第二行是图标的路径.为获得最佳效果,图标应为透明,大小为144x144像素.