Favicon für Internet Explorer 10 und Windows 8 aufbereiten
Internet Explorer 10 bietet unter Windows 7 und Windows 8 die Möglichkeit Websites zur Startleiste hinzuzufügen und unter Windows 8 ist es des Weiteren möglich eine Website direkt als Kachel zur Startansicht hinzuzufügen. Das klassische Favicon mit einer Auflösung von 16x16 px ist dafür ungeeignet, da die Icons größer dargestellt werden. Die folgenden HTML-Snippets erlauben die Einbindung von größeren Favicons und die Optimierung der Darstellung für die Windows 8 Startansicht.
Favicon
Favicons können durch aus auch in einer höheren Auflösung als 16x16 px vorliegen und werden von allen modernen Browsern passend skaliert. Der Internet Explorer unterstützt weiterhin nur ICO-Dateien und daher sieht eine optimale Einbindung des Favicons im Moment wie folgt aus.
<link rel="icon" href="//src.bartlweb.net/favicon/favicon.ico" sizes="16x16" />
<link rel="icon" href="//src.bartlweb.net/favicon/favicon32.ico" sizes="32x32" />
<link rel="shortcut icon" href="//src.bartlweb.net/favicon/favicon32.ico" />
Kachel für Windows 8 Startansicht
Für die Kachel auf der Startseite in Windows 8 lässt sich die Hintergrundfarbe, ein eigenes Icon und der bevorzugte Titel definieren. Achten Sie darauf die Grafik als transparentes PNG mit einer Auflösung von 144x144 px zu generieren.
<meta name="application-name" content="Meine Windows-Kachel"/>
<meta name="msapplication-TileImage" content="//src.bartlweb.net/favicon/tileimage.png"/>
<meta name="msapplication-TileColor" content="#CE4D00"/>