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

微软在Win8中的固定网站中 , 介绍了网站开发人员如何在Windows8的“开始”屏幕上为其网站的固定网站磁贴提供一个网站图标 (favicon) 。许多开发者都提供了相同的反馈 , 即希望提供更高分辨率的视觉效果 , 以便通过用户的固定网站磁贴更好地展现网站品牌 。微软在IE官方博客中特意做出回应:
示例
下面就是两个固定网站磁贴的示例 , 它们使用网站的favicon , 分别自动确定颜色(左)以及使用自定义的磁贴颜色来确定高分辨率的PNG(右):

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


【官方教程!让Win8中的固定网站具高品质视觉效果介绍】标记
Meta标记指定磁贴的图像和背景颜色 。示例:




磁贴图像必须是长144px宽144px的方形PNG 。为了获得最佳效果 , 建议使用透明的背景 , 而不是与磁贴颜色一致的背景色 。可以使用CSS的 #rrggbb表示法(通过CSS颜色名称或通过CSS rgb()函数)将磁贴颜色指定为十六进制RGB颜色 。
注意:当用户将该网站固定到其“开始”屏幕 , IE10仅会下载磁贴图像 , 以确保网站不会带来额外的宽带消耗 。


    推荐阅读