Was ist ein Favicon und warum zählt es für Ihre Marke

Ein Favicon ist das kleine Symbol, das im Browser-Tab neben dem Seitentitel erscheint. Praktisch ist es Ihr Logo in Miniaturform: Sie sehen es im Tab von Chrome oder Safari, in der Lesezeichenliste, im Browserverlauf und immer häufiger sogar neben Ihren Ergebnissen in der mobilen Google-Suche. Das klingt nach einer Kleinigkeit, ist aber die erste visuelle Spur, die Ihre Marke außerhalb der eigenen Website hinterlässt.

Warum ein Favicon für die Marke wichtig ist

Stellen Sie sich einen Nutzer mit 12 offenen Tabs vor. Ohne Favicon ist Ihr Tab ein generisches weißes Blatt, unmöglich zu finden. Mit Favicon wird er auf einen Blick erkannt. Dieselbe Logik gilt für Lesezeichen: Wer Sie gespeichert hat, findet Sie über das Symbol wieder, nicht über den Text.

Es gibt noch einen konkreten Grund: In den mobilen Google-Suchergebnissen erscheint das Favicon neben dem Namen der Website. Eine Website ohne Favicon wirkt dort ungepflegt, während eine mit klarem Symbol seriöser und vertrauenswürdiger erscheint. Das garantiert keine bestimmte Position (niemand kann das versprechen), trägt aber genau in dem Moment, in dem jemand entscheidet, auf welchen Link er klickt, zum Eindruck von Professionalität bei. Wenn Sie interessiert, wie Sie in der Suche erscheinen, lohnt sich auch unser Leitfaden zu lokalem SEO.

Wo genau erscheint das Favicon

• Browser-Tab — neben dem Seitentitel, auf Desktop und Mobilgerät.
• Lesezeichenleiste und Favoritenliste — identifiziert Sie ohne Worte.
• Browserverlauf — hilft beim schnellen Wiedererkennen.
• Google-Ergebnisse auf dem Mobilgerät — neben dem Domainnamen.
• Telefonbildschirm — wenn jemand die Website zum Home-Bildschirm hinzufügt (besonders auf dem iPhone), wird das Symbol zur „App“.
• Verknüpfungen und Web-Apps — auf Android, wenn die Website als Shortcut gespeichert wird.

Wie Sie ein Favicon aus Ihrem Logo erstellen

Die goldene Regel: Ein Favicon ist nicht das ganze Logo, nur verkleinert. Bei 16 Pixeln wird ein Logo mit Text zu einem unleserlichen Fleck. Was funktioniert, ist ein einfaches Element — die Initiale der Marke, ein Symbol, eine erkennbare Form — auf einem kontrastreichen Hintergrund.

Die praktischen Schritte:

1. Gehen Sie vom Logo aus, isolieren Sie aber den einfachsten Teil (einen Buchstaben, ein Piktogramm).

2. Machen Sie es quadratisch und lassen Sie etwas Raum darum, damit es nicht gedrängt wirkt.

3. Testen Sie es klein — verkleinern Sie das Bild auf 16×16 px am Bildschirm. Wenn Sie es immer noch erkennen, ist es gut.

4. Generieren Sie die Dateien mit einem kostenlosen „Favicon-Generator“: Sie laden ein quadratisches Bild von mindestens 512×512 px hoch und erhalten den kompletten Satz.

5. Setzen Sie es auf die Website: Bei WordPress fügt man es unter Anpassen → Website-Identität hinzu; bei einer von uns gebauten Website binden wir es direkt im Code ein.

Wenn Sie kein sauberes Logo haben, ist genau das eine der Sachen, die wir beim Bau der Website für Sie lösen.

Welche Größen und Formate Sie brauchen

Sie müssen nicht alle manuell erstellen — ein Generator liefert sie aus dem einzigen Bild, das Sie hochladen. Es ist aber gut zu wissen, was jede Datei abdeckt:

Einige praktische Regeln, bestätigt durch die Google-Dokumentation und den Evil-Martians-Leitfaden (2026): gehen Sie von einem Bild mit mindestens 512×512 px aus; Google empfiehlt ein Favicon größer als 48×48 px, damit es überall gut aussieht; und beim iPhone vermeiden Sie einen transparenten Hintergrund, da iOS ihn ohnehin mit Weiß füllt. SVG ist ideal für Schärfe, aber behalten Sie auch eine .ico-Datei als Rückfallebene, da nicht alle älteren Browser SVG verstehen.

Lohnt sich der Aufwand?

Ja, und es gehört zu den günstigsten Investitionen in Ihre Marke. Ein Favicon kostet nicht so viel wie ein neues Logo und wird nur einmal erstellt. Wenn wir Ihre Website bauen (Landingpage 290–490 €, Präsentationsseite 490–890 €, Onlineshop ab 690 €), ist das Favicon im Paket enthalten — wir generieren es aus dem Logo und installieren es korrekt, mit allen oben genannten Größen, ohne dass Sie sich mit den Dateien herumschlagen müssen.

Wenn Sie sehen möchten, wie Ihr Tab mit einem ordentlich eingerichteten Favicon aussehen würde, schreiben Sie uns auf WhatsApp und wir erstellen Ihnen eine kostenlose Demo: wa.me/40750257140.