如何自定义Windows 8中固定网站磁贴的图片和背景颜色

IE官方曾向Web开发人员介绍了如何在Windows 8的开始画面上将网站的favicon图标显示在固定网站磁贴中。但是相比Windows 8系统中的自带的固定磁贴，效果要逊色很多。如果才能让固定网站磁贴获得更好的视觉效果，以便更好地展现网站品牌呢？ 在新版的Windows 8 Release Preview版本中，微软为我们提供了解决方法。通过定义网站头部中的Meta标记，我们可以在自定义设置磁贴的PNG图片和背景颜色。 下面是两个固定网站磁贴的示例，左边的一个是使用网站的 favicon图标，并由系统自动确定颜色。右边一个则使用自定义磁贴颜色以及高分辨率的PNG图片：

标记

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

磁贴图片必须是尺寸大小为 144px*144px 的正方形 PNG 格式图片。为了获得最佳效果，我们建议使用透明的背景，而不是与磁贴颜色一致的背景色。磁贴的背景颜色代码则为十六进制 RGB 颜色代码。 你可以在 Fresh Tweets demo 上查看此操作的动态演示。 注意：当用户将该网站固定到其“开始”屏幕，IE10 仅会下载磁贴图像，以免给网站带来额外的资源消耗。

总结

Internet Explorer 10 允许 Web 开发者为固定网站磁贴创建高品质的以网站为中心的视觉效果，从而网站的品牌形象更好地显现在 Windows 8 的“开始”屏幕上，并且与其他应用程序和内容磁贴在视觉上更好地融为一体。开发者仅需要提供一个高品质的图标，当设备在不同的分辨率下运行时，Windows 8 将会根据需要进行伸缩扩展。 网站还可以共享通知，并提供跳转列表以便快速导航该网站。请参阅 Windows 8 中的固定网站来了获取操作办法。 我们期待您将这些简单的功能添加到您的 Web 网站中以最大程度地在 Windows 8 中发挥其作用。 —Internet Explorer 项目经理 Rahul Lalmalani

标签:固定网站Windows 8IE Web磁贴