web-dev-qa-db-ja.com

Windows8での `msapplication-TileImage`のファビコンバックアップ。

簡単なイエス/ノーの質問があります。

これをHTMLファイルに入れない場合:

<meta name="msapplication-TileImage" content="favicon.png">

Windows 8は自動的にこのPNGを使用しますか?

<link rel="icon" href="favicon.png">

私はそれをテストするためのWindows8マシンを持っていません。

11
Roboneter

簡単な答えは「はい」です。ファビコンを使用します。

そうは言っても、最適な方法で表示されない場合があります。

これが私が実行したテストのスクリーンショットです:

Favicon Test on Windows 8

更新

私が最初に投稿した私の答えはまだ有効ですが、より良い方法があります:

Windows 8.1以降のIE 11+のカスタムタイル

Windows8.1以降のIE11以降は、サイトに固定されたタイルを作成する方法を提供します。

次のサイズでいくつかのタイルを作成することをお勧めします。

小:128 x 128

中:270 x 270

ワイド:558 x 270

大:558 x 558

次に色の背景を定義するので、これらは透明な画像である必要があります。

これらの画像を作成したら、次のコードを使用してbrowserconfig.xmlという名前のxmlファイルを作成する必要があります。

<?xml version="1.0" encoding="utf-8"?>
<browserconfig>
  <msapplication>
    <tile>
      <square70x70logo src="images/smalltile.png"/>
      <square150x150logo src="images/mediumtile.png"/>
      <wide310x150logo src="images/widetile.png"/>
      <square310x310logo src="images/largetile.png"/>
      <TileColor>#009900</TileColor>
    </tile>
  </msapplication>
</browserconfig>

このxmlファイルをサイトのルートに保存します。サイトが固定されると、IEはこのファイルを検索します。IE 11以上のカスタムタイルとXMLファイルの使用に関する追加情報については Microsoftのウェブサイト

古い回答

Windows 8のファビコンを組み込む最良の方法は、次のコードを使用することです。

<meta name="msapplication-TileColor" content="#D83434">
<meta name="msapplication-TileImage" content="path/to/tileicon.png">

最初の行はタイルの色です。16進値、RGB、またはCSSの色名を使用できます。 2行目は、アイコンへのパスです。最良の結果を得るには、アイコンを透明にし、144x144ピクセルのサイズにする必要があります。

14
L84