微軟在Win8中的固定網(wǎng)站中,介紹了網(wǎng)站開發(fā)人員如何在Windows8的“開始”屏幕上為其網(wǎng)站的固定網(wǎng)站磁貼提供一個網(wǎng)站圖標(biāo) (favicon)。許多開發(fā)者都提供了相同的反饋,即希望提供更高分辨率的視覺效果,以便通過用戶的固定網(wǎng)站磁貼更好地展現(xiàn)網(wǎng)站品牌。微軟在IE官方博客中特意做出回應(yīng):
示例
下面就是兩個固定網(wǎng)站磁貼的示例,它們使用網(wǎng)站的favicon,分別自動確定顏色(左)以及使用自定義的磁貼顏色來確定高分辨率的PNG(右):
標(biāo)記
Meta標(biāo)記指定磁貼的圖像和背景顏色。示例:
<meta name="msapplication-TileImage" content="images/benthepcguy-144.png"/>
<meta name="msapplication-TileColor" content="#d83434"/>
磁貼圖像必須是長144px寬144px的方形PNG。為了獲得最佳效果,建議使用透明的背景,而不是與磁貼顏色一致的背景色??梢允褂肅SS的 #rrggbb表示法(通過CSS顏色名稱或通過CSS rgb()函數(shù))將磁貼顏色指定為十六進(jìn)制RGB顏色。
注意:當(dāng)用戶將該網(wǎng)站固定到其“開始”屏幕,IE10僅會下載磁貼圖像,以確保網(wǎng)站不會帶來額外的寬帶消耗。
本文出處:Win8之家 - 《讓W(xué)in8中的固定網(wǎng)站具有高品質(zhì)視覺效果》
玩Win8,當(dāng)然要來 軟媒Win8之家 和 Windows 8中文論壇,還要用給力的Win8優(yōu)化大師。
廣告聲明:文內(nèi)含有的對外跳轉(zhuǎn)鏈接(包括不限于超鏈接、二維碼、口令等形式),用于傳遞更多信息,節(jié)省甄選時(shí)間,結(jié)果僅供參考,IT之家所有文章均包含本聲明。