- Favicon
-
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 favorite 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. Von den Browsern werden aber nur 16×16 Pixel angezeigt. Das Favicon taucht auch in der Lesezeichenleiste (Favoriten), bei den Registerkarten (oder Tabs) und unter Windows beim Speichern einer Seite auf dem Desktop auf. Es wurde von Microsoft mit dem Internet Explorer 5 eingeführt.
Inhaltsverzeichnis
Einbindung in eine HTML-Seite
Es gibt heute zwei Möglichkeiten, ein Favicon in eine Seite einzubinden:
- Hinterlegung unter dem festen Namen „favicon.ico“ im Basisverzeichnis der Domain, wie zum Beispiel bei
http://de.wikipedia.org/favicon.ico. Dateien mit Namen favicon.ico in anderen Verzeichnissen werden von Browsern nicht beachtet. Hierbei sollten keine anderen Formate als das ico-Format verwendet werden. Zudem wird dies nicht von allen Browsern unterstützt und wird u. a. vom W3C ausdrücklich nicht empfohlen. - 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="icon" href="http://example.com/favicon.ico" type="image/x-icon">Verwendet man XHTML statt HTML, so muss ein abschließender Schrägstrich am Ende des Tags stehen, da es sich hierbei um ein leeres XML-Element handelt. Zwingend benötigt wird dabei nur das
href=Attribut; dastype=Attribut wird nur benötigt, wenn andere Formate als .ico verwendet werden. Dabei müssen für folgende Formate folgende Codes verwendet werden:- Für ICO:
image/x-icon(nicht sehr weit verbreitete andere Möglichkeit:image/vnd.microsoft.icon[2]) - Für GIF:
image/gif - Für PNG:
image/png
Defaultgröße und -Farbtiefe:
- Für ICO: 16×16 oder 32×32 und 16 bis 16,7 Millionen Farben
- Für GIF: 16×16 und 256 Farben
- Für PNG: 16×16 und 256 Farben
Dateiformat
Das Dateiformat ico ist ein Container für Bilddaten. Es kann nahezu unendlich viele Bilder in unterschiedlicher Auflösung aufnehmen, die unkomprimiert als Bitmap (bzw. ab Windows Vista ab einer Auflösung von 256×256 Pixeln als PNG) abgelegt werden.
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.[3] Der Code erzeugt jeden Frame des Spiels in der Favicongröße (16×16 Pixel). Anschließend wird er in ein PNG konvertiert.
Literatur
Bendel, Oliver. Pixel um Pixel: Favicons erobern das Web. In: Blohm, Manfred (Hrsg.). Texte zur Medienkunst. Flensburg 2009. S. 9–18, ISBN 3939858099.
Weblinks
-
Wiktionary: Favicon – Bedeutungserklärungen, Wortherkunft, Synonyme, Übersetzungen - FAQ-Eintrag zum Einbau eines Favicon bei SELFHTML
- weiterführende Infos
Einzelnachweise
- ↑ How to Add a Favicon to your Site. W3C, abgerufen am 14. August 2009.
- ↑ Simon Butcher (3. September 2003): Published specification. iana.org. Abgerufen am 2. Februar 2010.
- ↑ Favicon-Spiel Defender
- Hinterlegung unter dem festen Namen „favicon.ico“ im Basisverzeichnis der Domain, wie zum Beispiel bei
Wikimedia Foundation.
