Favicon-erstellen.de / Favicon Generator - Favicon erstellen

Das Favicon, der Wiedererkennungswert einer Webseite

Probleme und Lösungen

Ein Favicon welches Mittels einer Bilddatei in den Größen von 16x16 oder 32x32 Pixeln dargestellt wird, erfreut sich seit langem großer Beliebtheit. Für einen Webmaster ist deren Einsatz heutzutage unverzichtbar. Zahlreiche On/ und Offline Tools helfen bei dessen Erstellung. Gute Ergebnisse aus einer frei wählbaren Bilddatei liefert unser Favicon Generator auf der Startseite.

Das Wort Favicon setzt sich aus den Begriffen Favorit und Icon zusammen und verkörpert damit den Stellenwert einer Webseite und trägt in erster Linie zur Wiedererkennung und Benutzerfreundlichkeit bei. Auf Webseiten in denen ein Favicon eingebunden wurde, wird dieses links neben der jeweiligen Browserleiste/ URL Feld dargestellt. Weiterhin angezeigt wird ein vorhandenes Favicon in den Browsertabs sowie den gespeicherten Lesezeichen welche auch Favoriten genannt werden, daher bezieht sich auch die Ableitung des Wortes Favicon. Die herkömmliche und altbewährte Weise zum Speichern eines Favicons innerhalb einer Webseite wird im Root Verzeichnis vorgenommen. Dazu wird die Datei favicon.ico in das Hauptverzeichnis geladen und per Code im Headbereich eingefügt.

Code für ICO-Files im Hauptverzeichnis:

Zu beachten gilt grundsätzlich die Groß/ Kleinschreibung auf Servern! Durch eine korrekte Pfadangabe ist es möglich jeder einzelnen Webseite innerhalb einer Internetpräsenz ein anderes Favicon zuzuweisen.
In der heutigen Zeit und mit neuartigen Webbrowsern werden Favicons verstärkt mit Dateitypen wie „gif“ und „png“ verwendet. Mit Hilfe des GIF-Formates sind kleine animierte Versionen eines Favicons möglich. Im allgemeinem tragen diese Formate zu einer besseren Farbtiefe bei und erscheinen freundlicher als das gewöhnliche von Windows verwendete ICO Format. Diese Methode mit Zukunft erlaubt den Speicherort und den Namen des Favicons frei zu wählen.

Folgender Code für eine externe Verlinkung der nur für die jeweilige Webseite angepasst werden muss wird daher empfohlen:

<head>
...
<link rel="icon" href="ordner_name/favicon_name.png" type="image/png" />
...
</head>

Allgemeiner Code für GIF-Files im Hauptverzeichnis:

Allgemeiner Code für PNG-Files im Hauptverzeichnis:

Die Größe eines Favicons sollte Vorzugsweise bei 16x16 Pixel liegen. Eine Version mit der Größe 32x32 Pixel könnte in manchen Browsern zu Problemen führen. Sie werden verkleinert oder sogar nur teilweise angezeigt. Empfehlenswert wäre neben einem Favicon im herkömmlichen ICO Format, eine zusätzliche Version im PNG Format bereitzustellen. Damit ist sichergestellt das auch Linux User ein Favicon angezeigt bekommen als auch eventuell auftretende Browserproblemen aus dem Weg zu gehen.
Bekannte Probleme mit der Darstellung von Favicons betrifft den inzwischen veralteten aber immer noch genutzten Microsoft Internet Explorer 6. Verwenden Sie hier einfach die neuste Version 7 oder andere bekannte und gute Browseralternativen wie Mozilla Firefox, aktuell mit Version 3.x kostenlos erhältlich. Firefox, Opera und der Safari Browser bereiten nahezu keine Probleme mit der Darstellung von Favicons in Lesezeichen, Tabs und Adressleisten. Bei einer Fehlersuche sollte in erster Linie das eventuelle fehlerhafte einbinden des Favicon-Code ausgeschlossen werden.