IE9 und Desktop-Integration

Windows 7 und Internet Explorer 9: Anheften von Webseiten

High-Res Icon

Durch die Integration in die Taskleiste wird die Webseite wie ein Programm angezeigt und kann über diese Verknüpfung direkt gestartet werden. Als Icon wird das Favicon der Webseite genutzt.

Wenn man aber die Webseite an die Taskleiste anheften möchte, benötigt Windows 7 ein Icon mit einer höheren Auflösung. Die Taskleiste ist um einiges größer als das klassische Favicon. Internet Explorer 9 nutzt Icons mit folgenden Auflösungen:

  • Adressleiste (16x16)

  • Neue Registerkarte (32x32)

  • Taskleiste (32x32)

  • Browser UI einer angehefteten Webseite (24x24)

Angeheftete Webseiten nutzen darüber hinaus:

  • Aufgaben in Sprunglisten (16x16)

  • Vorschaubilder von Toolbar-Buttons (16x16)

  • Überlagernde Icons (16x16)

Ein Favicon kann mehrere Bilder in unterschiedlicher Auflösung beherbergen. Für die beste Darstellung mit Internet Explorer 9 empfehlen wir folgende Auflösungen:

Empfehlung: 16x16, 32x32, 48x48

Optimal: 16x16, 24x24, 32x32, 64x64

Wenn eine Webseite kein Icon in geeigneter Auflösung zur Verfügung stellt, wird das vorhandene nicht einfach hochskaliert. Dabei auftretende unschöne Pixelartefakte aufgrund der geringen Quellgröße würden das Gesamtbild deutlich trüben. Daher wird das bestehende Icon in Originalgröße eingebunden und mit einem weißen Rahmen umgeben.

Es empfiehlt sich daher durchaus ein hochauflösendes Favicon anzulegen. Dieses speichert man im ICO-Format auf der eigenen Webseite. Meistens platziert man das Favicon im Wurzelverzeichnis der Webseite und bindet es über ein Link-Element in der <head>-Bereich der Webseite als neues Favicon ein:

<link rel="shortcut icon" href="/favicon.ico" />

Zu beachten ist dass das Favicon bei jedem Webseitenzugriff geladen wird. Bei populären Webseiten kann bei der Verwendung eines High-Res Icon durchaus der Traffic um GBytes zunehmen. Daher ist es ratsam, im Webserver das clientseitige Caching des Favicons über den HTTP-Header einzuschalten. Internet Explorer 9 beachtet hier die Elemente "max-age" und "expires date". Zusätzlich kann für die Datei die GZIP-Komprimierung aktivieren, so dass die Dateigröße während der Auslieferung um ungefähr die Hälfte verringert werden kann.

Weitere Informationen rund um Favicons stellt Microsoft im Microsoft Developer Network zur Verfügung: