Favicon-FAQ
Was ist ein Favicon?
Ein Favicon ist das kleine, quadratische Bild, das eine Website in Browser-Registerkarten, Lesezeichen, Verlauf und einigen Suchergebnissen identifiziert.
Die Kurzdefinition
Favicon ist die Abkürzung für Lieblingssymbol. Dabei handelt es sich um das kleine Bild, das ein Browser mit einer Website verknüpft und das als visuelle Verknüpfung verwendet, wenn der Platz begrenzt ist.
Ein Favicon ersetzt nicht das im Seitenkopf angezeigte Logo. Es hilft Ihnen, anhand geöffneter Tabs, gespeicherter Lesezeichen und Einträge im Browserverlauf die richtige Website zu finden.
Wo ein Favicon erscheint
- Neben dem Seitentitel in einem Browser-Tab
- Neben gespeicherten Seiten in Lesezeichen und Favoriten
- Im Browserverlauf und in der Tab-Suche
- Neben einigen organischen Suchergebnissen
- In Verknüpfungen, wenn eine Site die erforderlichen Plattformsymbole bereitstellt
Wie eine Website ihr Favicon festlegt
Normalerweise deklariert eine Site das Symbol im Dokument <head> mit einem Link-Element. Browser können auch suchen /favicon.ico im Stammverzeichnis der Site, wenn kein Symbollink vorhanden ist.
<link rel="icon" href="/favicon.ico" />Die meisten Websites veröffentlichen mehr als eine Datei, sodass Browser, Bildschirme mit hoher Dichte, iOS-Verknüpfungen und installierte Web-Apps eine geeignete Größe auswählen können.
Was sorgt dafür, dass ein Favicon gut funktioniert?
Beginnen Sie mit einem quadratischen Bildmaterial, entfernen Sie kleinen Text und dünne Details und testen Sie es bei 16 x 16 und 32 x 32 Pixeln. Ein Buchstabe, ein Symbol oder ein vereinfachter Teil Ihres Logos übersteht die Verkleinerung in der Regel besser als eine vollständige Wortmarke.
Für eine ausführlichere Anleitung lesen Sie Was ist ein Favicon? (English). Sie können auch die Browser-Definition im lesen MDN Favicon Glossar.
Bereit, Ihr Favicon zu erstellen?
Generieren Sie die allgemeinen Dateien und ein fertig einfügbares HTML-Snippet.