Webdesign

Favicon – Was ist das?

Ein Favicon ist das kleine Symbol, das im Browser-Tab, in der Lesezeichenleiste und auf dem Homescreen neben dem Seitennamen angezeigt wird – Ihr Logo im Miniformat.

Favicon im Detail

Der Begriff Favicon kommt von "Favorite Icon". Es ist ein kleines Bild (meist 32×32 oder 16×16 Pixel), das Ihre Website visuell identifiziert. Ohne Favicon wirkt eine Website unprofessionell – es ist wie eine Visitenkarte ohne Logo.

Warum ist ein Favicon wichtig?

  • Wiedererkennung: Bei vielen offenen Tabs sofort erkennbar
  • Professionalität: Fehlendes Favicon = amateurhaft
  • Lesezeichen: Erscheint neben gespeicherten Favoriten
  • Homescreen: Wird beim Speichern auf dem Smartphone angezeigt
  • Suchergebnisse: Google zeigt Favicons in mobilen Suchergebnissen

Formate und Größen

Moderner Standard: SVG (skalierbar) oder PNG in mehreren Größen (16×16, 32×32, 180×180 für Apple Touch Icon, 192×192 für Android). Die klassische .ico-Datei wird für ältere Browser beibehalten.

Praxisbeispiel

Ein Unternehmen hat bei allen Unterseiten ein generisches Browser-Symbol statt eines eigenen Favicons. Nach dem Einrichten des Favicons mit dem Firmenlogo berichten Mitarbeiter, dass sie die Seite bei vielen offenen Tabs endlich auf Anhieb finden.

Favicon bei TwoPixels

Bei jedem Webprojekt liefern wir optimierte Favicons in allen nötigen Größen mit – vom Browser-Tab bis zum Apple Touch Icon. Das gehört für uns zum Standard einer professionellen Website.