您的位置:首页技术文章
文章详情页

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

【字号: 日期:2022-11-29 18:31:52浏览:17作者:猪猪

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

示例

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

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

标记

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

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

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

标签: Windows系统 win8
相关文章: