官方教程：让Win8中的固定网站具高品质视觉效果

微软在Win8中的固定网站中，介绍了网站开发人员如何在Windows8的“开始”屏幕上为其网站的固定网站磁贴提供一个网站图标 (favicon)。许多开发者都提供了相同的反馈，即希望提供更高分辨率的视觉效果，以便通过用户的固定网站磁贴更好地展现网站品牌。微软在IE官方博客中特意做出回应：

示例

下面就是两个固定网站磁贴的示例，它们使用网站的favicon，分别自动确定颜色（左）以及使用自定义的磁贴颜色来确定高分辨率的PNG（右）：

标记

Meta标记指定磁贴的图像和背景颜色。示例：

<meta name="msapplication-TileImage" content="images/benthepcguy-144.png"/>

<meta name="msapplication-TileColor" content="#d83434"/>

磁贴图像必须是长144px宽144px的方形PNG。为了获得最佳效果，建议使用透明的背景，而不是与磁贴颜色一致的背景色。可以使用CSS的 #rrggbb表示法（通过CSS颜色名称或通过CSS rgb()函数）将磁贴颜色指定为十六进制RGB颜色。

注意：当用户将该网站固定到其“开始”屏幕，IE10仅会下载磁贴图像，以确保网站不会带来额外的宽带消耗。

本文出处：Win8之家 - 《让Win8中的固定网站具有高品质视觉效果》

玩Win8，当然要来 软媒Win8之家 和 Windows 8中文论坛，还要用给力的Win8优化大师。

广告声明：文内含有的对外跳转链接（包括不限于超链接、二维码、口令等形式），用于传递更多信息，节省甄选时间，结果仅供参考，IT之家所有文章均包含本声明。