Wie man ein Favicon erstellt

Favicon ist ein kleines Symbol mit dem Seitenlogo, das im Browser-Tab vor dem Namen der Seite angezeigt wird:

In einigen Browsern erscheint der Favorit auch in der Adressleiste vor der URL der Website. Zusätzlich zum Logo wird manchmal das Favicon für die Website in das Symbol eingefügt, das das Thema der Ressource, den ersten Buchstaben des Firmennamens usw. symbolisiert. Die Größe des Symbols beträgt in der Regel 32x32 oder 16x16 Pixel.

Ein Site-Icon spielt eine wichtige Rolle bei der Markenbildung der Website. Ein prägnantes Bild hilft dem Benutzer, sich an die Ressource zu erinnern und gewährleistet deren Originalität.

Eine Seite ohne Favicon sieht im Vergleich zu anderen zumindest grau aus: Anstelle eines einprägsamen Symbols gibt es ein Standard Windows Symbol, das schon vor der Erfindung des Flachbildschirms verwendet wurde.

Der Einsatz des Favicons bietet noch eine Reihe weiterer Vorteile:

Um ein Favicon für die Website zu machen, musst du kein Designer sein und über professionelle Fähigkeiten verfügen. Du kannst eigenen bevorzugten Online-Service in wenigen Minuten erstellen.

Alle diese Services sind extrem einfach zu bedienen. Wir haben mehrere Tools zusammengestellt, mit denen du schnell und kostenlos ein Favicon finden kannst.

Um das Bild auf der Registerkarte zu sehen, musst du es dem Stammordner der Website hinzufügen. Der Browser findet das Favicon und zeigt das Symbol auf der Website an. Dazu musst du das Bild im Format 16x16 hochladen. Die automatische Ausgabe im Format 32x32 kann schwierig sein.

Um die Zuverlässigkeit in jeder Bildauflösung zu gewährleisten, wird jedoch empfohlen, die Ausgabe des Favicons manuell in den HTML-Code der Seite aufzunehmen. Darum geht es hier:

Browser verwenden Icon-Caching, daher ist es besser, einen temporären Code zu verwenden, wenn du ihn ersetzen musstest:

Hier gibt v = 2 die Version des Symbols an. Erhöhe ihn um eins, wenn du das Bild änderst (v = 3, v = 4, usw.). Der Browser zeigt dann sofort die neueste Version an. Nachdem du dich für die endgültige Version des Symbols entschieden hast, kannst du diesen Parameter sicher aus dem Code entfernen.

Ein Favicon ist ein wichtiges Element jeder Website. Ein hochwertiges Originalbild wird fast zum zweiten Gesicht der Marke. Es hilft dem Benutzer unauffällig, sich an die Seite zu erinnern, sie unter vielen anderen zu finden.

Um ein Symbol für die Website zu erstellen und zu installieren, benötigst du nicht mehr als 10 Minuten. Im Netzwerk gibt es viele kostenlose Online-Dienste mit verschiedenen Funktionen und einer Auswahl an Bildern, einige bieten an, selbst ein Logo zu erstellen.