Favicons sind kleine Grafiken, die durch Darstellung z.B. des Unternehmenslogos dazu dienen, eine Website zu symbolisieren.
Fr\u00fcher nutze man sie eher im Kopf-\/Tab-Bereich des Browser-Fensters oder in der Lesezeichen- und Favoritenlisten (daher Favicon). Heute erf\u00fcllen diese Icons viele weitere Funktionen. Das hat auch mit der st\u00e4rkeren Nutzung von Handys zu tun.<\/p>\n\n\n\n
So ist es zum Beispiel m\u00f6glich, eine Homepage direkt auf dem Bildschirm eines Smartphones zu verkn\u00fcpfen. So k\u00f6nnen Sie diese jederzeit mit nur einem Fingertipp \u00f6ffnen.
Daf\u00fcr m\u00fcssen die Favicon-Grafiken Eigenschaften haben, die \u00fcber die fr\u00fcher \u00fcblichen Anforderungen hinaus gehen.
F\u00fcr die urspr\u00fcnglichen Browser-Funktionen reichte eine Bildgr\u00f6\u00dfe von 16×16 px aus. Aktuell sollte die Gr\u00f6\u00dfe mindestens 512×512 px sein. Kleinere Favicons sehen auf hochaufl\u00f6senden Tablet- oder Smartphone-Displays oft grob und pixelig aus.<\/p>\n\n\n\n
Bei Favicons sind Farbtransparenzen m\u00f6glich. Die Darstellung etwa des eigenen Logos auf transparentem Hintergrund f\u00fchrt dazu, dass das Logo jeweils ohne eventuell st\u00f6renden Rahmen auf dem jeweils vorhandenen Hintergrund gezeigt wird. Was im Browser besonders elegant wirkt, kann aber bei der Verkn\u00fcpfung auf dem Tablet-Display eher ung\u00fcnstig sein. Hier kann es je nach Beschaffenheit des Logos sauberer und \u00fcbersichtlicher wirken, einen definierten Hintergrund und damit gerade einen sichtbaren Rahmen zu haben.<\/p>\n\n\n\n
Dann gilt es, die bereitgestellte Grafik jeweils f\u00fcr die verschiedenen Systeme (iOS\/MacOS, Android, Windows, …) in geeigneter Weise im Quellcode der Website einzubinden.<\/p>\n\n\n\n