Ho una semplice domanda si/no.Backup favicon per `msapplication-TileImage` su Windows 8.
Se non metto questo nel mio file HTML:
<meta name="msapplication-TileImage" content="favicon.png">
Will Windows 8 utilizzerà automaticamente questo PNG:
<link rel="icon" href="favicon.png">
Non ho una macchina Windows 8 per provarlo .
La risposta semplice è sì, utilizzerà la favicon.
Detto questo, potrebbe non essere visualizzato nel modo ottimale.
Ecco uno screenshot con un test mi sono imbattuto:
Aggiornamento
La mia risposta che ho originariamente pubblicato è ancora valida, ma c'è un modo migliore:
Piastrelle personalizzate per IE 11+ su Windows 8.1+
IE 11+ su Windows 8.1+ offre un modo per creare riquadri aggiunti per il sito.
Microsoft consiglia la creazione di alcune mattonelle al seguente formato:
piccola: 128 x 128
Medium: 270 x 270
Wide: 558 x 270
Grande: 558 x 558
Queste devono essere tr immagini ansparenti come definiremo uno sfondo colorato dopo.
Una volta che queste immagini sono create si dovrebbe creare un file XML denominato browserconfig.xml con il seguente codice:
<?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>
Salva il file xml nella root del vostro sito. Quando un sito è bloccato, IE cercherà questo file. Per ulteriori informazioni sui riquadri personalizzati IE 11+ e sull'uso del file XML visit Microsoft's website.
Vecchio risposta
Il modo migliore per incorporare una favicon per Windows 8 è quello di utilizzare il seguente codice:
<meta name="msapplication-TileColor" content="#D83434">
<meta name="msapplication-TileImage" content="path/to/tileicon.png">
La prima linea è il colore delle mattonelle, è possibile utilizzare un valore esadecimale, RGB o un nome di colore CSS. La seconda riga è il percorso dell'icona. Per ottenere i migliori risultati l'icona dovrebbe essere trasparente e dimensionata a 144x144 pixel.
<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" />
Questo è stato un 'o no si' risposta (da 2 anni fa) - che hai risposto con un gruppo di HTML senza alcuna spiegazione. Cosa stai cercando di dire qui? – ChidG