Kopia zapasowa Favicon dla `msapplication-TileImage` na Windows 8.

Question

Mam proste pytanie" tak/nie ".

Jeśli nie umieścić to w moim pliku HTML:

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

będzie Windows 8 automatycznie korzystać z tego PNG:

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

nie mam maszyny Windows 8, aby go przetestować .

Answer 1

Prosta odpowiedź brzmi: tak, użyje favikonu.

Po tym, może nie wyświetlać się w najbardziej optymalny sposób.

Oto zrzut ekranu z testem wpadłem:

Aktualizacji

Moja odpowiedź, że pierwotnie opublikowany jest nadal ważna, ale jest lepszy sposób:

Niestandardowe kafle dla IE 11+ na Windows 8.1+

IE 11+ na Windows 8.1+ oferuje sposób na tworzenie przypiętych kafli dla Twojej witryny.

Microsoft zaleca, tworząc parę płytek w następujących rozmiarach:

Małe: 128 x 128

Medium: 270 x 270

Szeroki: 558 x 270

Large: 558 x 558

Powinny być tr obrazy przezroczyste, ponieważ określimy następne tło kolorów.

Kiedy te obrazy są tworzone należy utworzyć plik XML o nazwie browserconfig.xml z następującego kodu:

<?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> 

Zapisz ten plik xml w katalogu głównym witryny. Kiedy strona jest przypięta, IE będzie szukał tego pliku. Aby uzyskać dodatkowe informacje na temat niestandardowych kafelków IE 11+ i korzystania z pliku XML visit Microsoft's website.

Old Odpowiedź

Najlepszym sposobem na włączenie favicon dla Windows 8 jest użycie następującego kodu:

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

Pierwsza linia to kolor płytek, można użyć wartość szesnastkowa, RGB lub kolor CSS. Druga linia to ścieżka do ikony. Aby uzyskać najlepsze wyniki, ikona powinna być przezroczysta i mieć wymiary 144 x 144 piksele.

Answer 2

<meta name="author" content="you" /> 

<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, width=device-width" /> 
<meta name="apple-mobile-web-app-capable" content="yes" /> 

<link rel="apple-touch-icon" href="https://url.com/apple-touch-icon.png" /> 
<link rel="shortcut icon" href="https://url.com/img/favicon.png" /><meta name="msapplication-TileImage" content="https://url.com/apple-touch-icon.png" /> 
<meta name="msapplication-TileColor" content="#ffffff" />