html - Windows 8 上 `msapplication-TileImage` 的网站图标备份。

Question

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

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

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

Windows 8 会自动使用这个 PNG 吗:

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

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

Answer 1

简单的答案是肯定的，它将使用网站图标。

话虽如此，它可能不会以最佳方式显示。

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

更新

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

Windows 8.1+ 上 IE 11+ 的自定义磁贴

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

Microsoft 建议按以下尺寸创建几个磁贴:

Small: 128 x 128

Medium: 270 x 270

Wide: 558 x 270

Large: 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 文件的更多信息 visit Microsoft's website .

旧答案

为 Windows 8 合并网站图标的最佳方法是使用以下代码:

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

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