Win8の固定Webサイトに高品質の視覚効果を持たせる

Win8のMicrosoft固定Webサイトでは、Web開発者がWindows 8の[スタート]画面にWebサイトの固定WebサイトのタイルにWebサイトアイコン（favicon）を表示する方法を紹介します。 。ユーザーの固定Webサイトタイルを通じてWebサイトブランドをよりよく表示するために、より高い解像度の視覚効果を提供することを望んで、多くの開発者が同じフィードバックを提供しています。マイクロソフトは、IEの公式ブログに具体的に回答しました。


サイトのfaviconを使用して自動的に色を決定し（左）、カスタムタイルの色を使用する固定サイトタイルの2つの例を示します。高解像度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（）関数を使用して）タイルカラーを16進数のRGBカラーとして指定できます。
注：ユーザーがサイトを自分のスタート画面に固定すると、IE10はタイル画像をダウンロードするだけで、そのサイトでブロードバンドがさらに消費されることがないようにします。