Favicon
« Zurück zum Glossar Index
Was ist ein Favicon?
Ein Favicon (kurz für Favorite Icon) ist ein kleines Symbol, das in Webbrowsern neben dem Seitentitel in der Tab-Leiste, in Lesezeichen oder in Favoritenlisten angezeigt wird. Es ist ein wichtiger Bestandteil des visuellen Brandings einer Website.
Merkmale eines Favicons:
- Größe:
- Üblicherweise hat ein Favicon die Abmessungen 16×16 Pixel oder 32×32 Pixel, kann jedoch auch in höheren Auflösungen für Retina-Displays verfügbar sein.
- Format:
- Gängige Formate sind .ico, .png, .gif oder .svg.
- Das ICO-Format ist besonders verbreitet, da es mehrere Größen und Farbtiefen unterstützen kann.
- Ort der Integration:
- Favicons werden im HTML-Head-Bereich einer Website mittels eines
<link>-Tags eingebunden:html <link rel="icon" href="favicon.ico" type="image/x-icon">
- Anwendungsbereiche:
- Darstellung in Browser-Tabs.
- Verwendung in Lesezeichenlisten.
- Darstellung als App-Icon bei Progressive Web Apps (PWA).
Bedeutung eines Favicons:
- Markenidentität:
Es stärkt den Wiedererkennungswert und macht eine Website auch visuell einprägsam. - Benutzerfreundlichkeit:
Ein Favicon erleichtert das Identifizieren und Navigieren zwischen verschiedenen Tabs. - Professionalität:
Websites ohne Favicon wirken oft unfertig oder unprofessionell.
Best Practices für ein Favicon:
- Klarheit und Einfachheit:
- Das Favicon sollte auch bei sehr kleinen Größen gut erkennbar sein.
- Hohe Qualität:
- Verwenden Sie scharfe und klare Designs, die auch auf Retina-Displays gut aussehen.
- Konsistenz:
- Das Design des Favicons sollte mit dem restlichen Corporate Design harmonieren (z. B. Logo oder Farben).
- Cross-Browser-Kompatibilität:
- Nutzen Sie mehrere Formate und Größen, um die Anzeige auf unterschiedlichen Plattformen zu gewährleisten.
Beispiele für Favicons:
- Google: Ein einfaches „G“ in den Farben der Google-Branding-Palette.
- Facebook: Das charakteristische weiße „f“ auf blauem Hintergrund.
- Amazon: Ein orangefarbener Pfeil, der von „a“ zu „z“ zeigt, als Symbol für das breite Angebot.
- JupiterEXPRESS: hat z.Z. ein Paket mit gelben Außenwänden, bestehend aus Vektorpfeilen .
Ein gut gestaltetes Favicon kann den professionellen Eindruck einer Website stark verbessern und zur Markenwahrnehmung beitragen.
Wir sind darum bemüht die angebotenen Informationen aktuell zu halten und diese in knapper und verständlicher Form darzustellen. Fehler und Irrtümer bleiben aber menschlich und darum vorbehalten. Bei Unstimmigkeiten zu einem Begriff, bitten wir darum dies per E-Mail mit uns zu diskutieren. Bitte nutze hierfür unsere E-Mail: info@jupiterexpress.de« Zurück zum Glossar Index