Favicon – das kleine Symbol deiner Website
Das Favicon ist ein kleines Symbol, das eine Website im Browser repräsentiert. Es ist winzig, fällt aber trotzdem auf. Viele kennen es vor allem aus den Browser-Tabs: Neben dem Seitentitel erscheint dort ein kleines Bild oder Symbol. Auch in Lesezeichen und teilweise an anderen Stellen kann ein Favicon angezeigt werden.
Warum braucht eine Website ein Favicon?
Ein Favicon sorgt für einen kleinen Wiedererkennungseffekt. Wenn mehrere Browser-Tabs geöffnet sind, erkennt man eine Website häufig schneller am Symbol als am vollständigen Seitentitel. Ein eigenes Favicon macht einen Webauftritt dadurch etwas individueller und professioneller. Für einen Blog kann das beispielsweise das Logo, ein vereinfachtes Symbol oder ein markantes Element des Designs sein.
Wie sollte ein Favicon aussehen?
Weniger ist beim Favicon meistens mehr. Das Symbol wird klein dargestellt. Ein kompliziertes Bild mit vielen Details ist deshalb kaum geeignet. Ein einfaches Zeichen, ein Buchstabe oder ein stark vereinfachtes Logo funktionieren häufig besser. Auch bei den Farben sollte man darauf achten, dass das Symbol gut erkennbar bleibt. Ein Favicon muss nicht exakt das gesamte Logo einer Website darstellen. Manchmal ist eine vereinfachte Variante sogar die bessere Lösung.
Welche Größe sollte ein Favicon haben?
Favicons können in verschiedenen Größen und Formaten bereitgestellt werden. Moderne Websites verwenden häufig mehrere Varianten, damit unterschiedliche Geräte und Browser die passende Version verwenden können. Ein quadratisches Ausgangsbild ist dafür besonders praktisch. PNG, WEBP und SVG sind verbreitete Formate. Je nach Einsatz können weitere Formate sinnvoll sein. Bei WordPress lässt sich das Website-Symbol normalerweise direkt über die entsprechenden Einstellungen des Themes beziehungsweise der Website-Konfiguration festlegen.
Favicon und Logo sind nicht dasselbe
Ein Logo ist normalerweise deutlich größer und Teil des sichtbaren Website-Designs. Ein Favicon dagegen ist ein kleines Symbol für die Wiedererkennung. Beide können natürlich aufeinander abgestimmt sein. Bei einer Website wie Bloggen-ABC.de könnte beispielsweise ein einfaches „ABC“-Symbol als Favicon verwendet werden, während das vollständige Logo mit dem Namen der Website im Header erscheint.
Hier kannst du Bilder kostenlos formatieren: https://tinypng.com/
Ein kleines Detail mit Wirkung
Ein Favicon gehört zu den Kleinigkeiten, die beim Erstellen einer Website leicht vergessen werden. Es ist technisch nicht das wichtigste Element einer Website. Trotzdem trägt es dazu bei, dass ein Webauftritt vollständig und professionell wirkt. Wer einen Blog aufbaut, sollte deshalb nach dem Einrichten des Designs auch einen Blick auf das Website-Symbol werfen. Großer Aufwand ist dafür normalerweise nicht nötig. Ein passendes, einfaches und gut erkennbares Symbol reicht völlig aus.