微軟在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僅會下載磁貼圖像,以確保網站不會帶來額外的寬帶消耗。