Favicon

aus Wikipedia, der freien Enzyklopädie

Wechseln zu: Navigation, Suche
In vielen Browsern werden Favicons in allen geöffneten Registerkarten, der Liste der Favoriten (Lesezeichen) und in der Adressleiste neben der URL angezeigt.

Ein Favicon (kurz für favourite icon, engl. für Favoriten-Symbol) ist ein kleines, 16×16 oder 32×32 Pixel großes Icon, Symbol oder Logo, das unter anderem in der Adresszeile eines Browsers links von der URL angezeigt wird und meist dazu dient, die zugehörige Website auf wiedererkennbare Weise zu kennzeichnen. Es taucht auch in der Lesezeichenleiste (Favoriten), bei den Registerkarten (oder Tabs) und unter Windows beim Speichern einer Seite auf dem Desktop auf. Das Favicon wurde von Microsoft mit dem Internet Explorer 4 eingeführt.

Inhaltsverzeichnis

[Bearbeiten] Einbindung in eine HTML-Seite

Es gibt heute zwei Möglichkeiten, ein Favicon in eine Seite einzubinden:

  • Referenzierung über ein HTML-Element, das in die Kopfdaten (<head>) einer HTML-Seite eingebunden wird. Laut HTML-Standard lautet die Bezeichnung hierfür icon[1], der Internet Explorer benötigt jedoch die Bezeichnung "SHORTCUT ICON".
<link rel="shortcut icon" href="http://example.com/favicon.ico" type="image/vnd.microsoft.icon">
<link rel="icon" href="http://example.com/favicon.ico" type="image/vnd.microsoft.icon">
  • Hinterlegung unter dem festen Namen „favicon.ico“ im Basisverzeichnis der Domain, wie zum Beispiel bei http://de.wikipedia.org/favicon.ico. Hierbei können keine anderen Formate als das ico-Format verwendet werden. Zudem wird es nicht von allen Browsern unterstützt und wird u. a. vom W3C ausdrücklich nicht empfohlen.


Verwendet man XHTML statt HTML, so sollte ein abschließender Schrägstrich am Ende des Tags stehen, da es sich hierbei um ein leeres Element handelt.

Eigentlich wird nur das erste <link>-Element benötigt, das zweite ist nötig, wenn andere Formate als .ico verwendet werden sollen. Wichtig ist, dass sich beide Elemente im <head>-Tag befinden und dass die Codes für <link type> richtig gesetzt werden:

  • Für ICO: "image/vnd.microsoft.icon"1
  • Für GIF: "image/gif"
  • Für PNG: "image/png"

1 Nicht standardkonforme Typen wie image/x-icon sind weit verbreitet.

Defaultgröße und -Farbtiefe:

  • Für ICO: 16×16 oder 32×32 und 16 bis 16 Millionen Farben.
  • Für GIF: 16×16 und 256 Farben
  • Für PNG: 16×16 und 256 Farben

Der Internet Explorer bis einschließlich der Version 8 unterstützt nur Favicons im ico-Format.

[Bearbeiten] Interaktive Favicons

Als Demonstration entwickelte der französische Webentwickler und Designer Mathieu Henri ein Spiel, welches das Favicon als Anzeigefläche verwendet. Das kleine Remake des Arcadespiels Defender ist in JavaScript geschrieben.[2] Der Code erzeugt jeden Frame des Spiels in der Favicongröße (16×16 Pixel). Anschließend wird er in ein PNG konvertiert.

[Bearbeiten] Literatur

Bendel, Oliver. Pixel um Pixel: Favicons erobern das Web. In: Blohm, Manfred (Hrsg.). Texte zur Medienkunst. Flensburg 2009. S. 9 - 18. ISBN 3939858099.

[Bearbeiten] Weblinks

[Bearbeiten] Einzelnachweise

  1. ↑ How to Add a Favicon to your Site. W3C, abgerufen am 14. August 2009.
  2. ↑ Favicon-Spiel Defender
Von „http://de.wikipedia.org/wiki/Favicon“
Persönliche Werkzeuge