Ein Favicon (von Favorit und Icon) ist ein kleines, 16×16 oder 32×32 Pixel großes Bildchen, das in der Adresszeile eines Browsers links von der URL angezeigt wird und meist dazu dient, die zugehörige Website auf wieder erkennbare Weise zu kennzeichnen. Es taucht auch in der Lesezeichenleiste (auch Favoriten oder Bookmarks genannt) und unter Windows beim Speichern einer Seite auf dem Desktop auf.
Warum Favicons?
Sie sind eine großartige Möglichkeit, um eine Seite wiedererkennbar zu machen. Sie fördern die Benutzerfreundlichkeit und Popularität der Webseite, indem Sie dieses kleine Bild korrekt einbinden. Gute Favicons sind echte Eye-Catcher in der Liste ihrer Besucher.
Wie erstellt man ein Favicon?
Favicons sind standardmäßig 16 x 16 Pixel groß und haben 16 Farben. Um ein Favicon zu erstellen, genügt es nicht, einfach eine .bmp-Datei mit der Endung .ico zu versehen.
Ein Icon-File besteht aus mehreren Bitmap-Graphiken. Für die Erstellung eines Favicons stehen eine Reihe von Tools zur Verfügung. Prinzipiell benötigen Sie lediglich ein Graphikprogramm und ein Programm zur Konvertierung in das Icon-Format ".ico".
Das Favicon sollte in der Grösse 32 x 32 Pixel erstellt werden. Zu beachten ist, dass es häufig auch kleiner dargestellt wird - so z.B. in der Adresszeile des Browsers, in der Favoritenliste, in der Taskleiste, ... Es sollte daher auch in einer Auflösung von 16 x 16 Bildpunkten möglichst gut erkennbar sein.
Vorgehensweise für die Erstellung von Favicons Schritt für Schritt:
1. Mit Ihrem gewohnten Graphikprogramm (z.B. MS Paint) erstellen Sie eine Graphik in der Grösse 32 x 32 Pixel und einer Farbtiefe von 256 Farben. Speichern Sie diese dann im Bitmap-Format (.bmp) ab. Dieses Standardformat wird von nahezu allen Graphikprogrammen unterstützt.
2. Öffnen bzw. importieren Sie diese Bitmap-Datei mit einem entsprechenden Programm, für welches Sie sich für die Erstellung Ihrer Favicons entschieden haben. Geeignete Programme hierfür sind z.B. IrfanView, Microangelo 5, IconEdit32, IconPro, Bitmap To Icon 2.5
3. Speichern Sie diese Graphik anschliessend im Format ".ico" ab.
Wie fügt man Favicons in die Internetseite ein?
Es gibt zwei Möglichkeiten, ein Favicon in eine Seite einzubinden:
a) Hinterlegung unter dem festen Namen „favicon.ico“ im Basisverzeichnis des Webspaces
b) Referenzierung über folgendes HTML-Element:
Dieses wird in die Kopfdaten einer HTML-Seite eingebunden. Also zwischen den Tags und . Laut HTML-Standard ist dies ein Link mit zwei Beziehungen: shortcut und icon – in vielen Browsern reicht es, nur die Beziehung icon anzugeben und die Beziehung shortcut wegzulassen. Die Pfadangabe kann hier mittels eines relativen oder absoluten Verweises, also auch mit Angabe des vollständigen Pfades bzw. der vollständigen Internetadresse erfolgen.
Die zweite Methode erlaubt es, für verschiedene Seiten einer Website unterschiedliche Icons zu verwenden.
Für einige Browser-Versionen ist der Weg über „“ zwingend notwendig, wenn ein Favicon angezeigt werden soll, andere Browser versuchen automatisch immer die Datei „favicon.ico“ im Basisverzeichnis einer Website zu laden.
Aus diesem Grund sollte man immer beide Methoden gleichzeitig anwenden.
Folgende Browser unterstützen Favicons:
- Mozilla Firefox
- Microsoft Internet Explorer, seit Version 5.0
- Opera, seit Version 7.0
- Konqueror, seit Anfang 2001
- Mozilla, seit Version 0.9.6
- Netscape Navigator, seit Version 7.0
- und noch ein paar andere
Für Fragen und Verbesserungsvorschläge bin ich jederzeit offen. Bitte einfach im Forum posten!
· Geschrieben von Basti
am Juli 05 2007 ·
0 Kommentare ·
11196 gelesen ·
