Favicons - Icon für Lesezeichenverwaltung und Website

Favicon ist ein Kunstwort und entstand durch die Zusammenziehung der der Worte Favorit und Icon = Favicon. Diese Favicons erscheinen auf vielen Webseiten neben der URL als kleine Grafik. Dieses Icon wird auch in den Lesezeichen angezeigt, wenn man die Website bookmarkt.

Favicon neben der URL im Browser

Beispiel der Website fehlerlos.de - links neben der URL erscheint ein roter Haken, der eine 16x16 Pixel große Grafik ist.

favicons erstellen

Die Icons sind relativ einfach erstellbar. Man nehme eine Grafik - konvertiere diese auf eine Größe von 16 auf 16 Pixel und speichere diese Grafik unter dem Namen favicon.ico

Wichtig ist als Dateiformat .ico - dieses lässt sich mit Irfanview erstellen. Grafik laden (egal ob jpg der gif) und speichern unter ico. Mehr zum bearbeiten mit Irfanview im Bereich Bilder bearbeiten

Die Grafikdatei wird nun in das Hauptverzeichnis (dort liegt die index.htm) der Website hochgeladen.

Auf allen html-Seiten wird dann noch folgender Code im Head-Bereich eingebunden:

<html>
<head>
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
</head>
<body>

Fehler in Logfile vermeiden

Aus einem weiteren Grund ist es geschickt, so ein Icon für seine Website zu erstellen - es wird automatisch vom Browser abgefragt und wenn es nicht existiert, wird jedes mal eine Fehler im Logfile geschrieben.

Websites mit Unterverzeichnissen

Ist die Struktur der Website mit Unterverzeichnissen aufgebaut, wird die .ico Datei nur im Hauptverzeichnis abgelegt und als href dann dort die Angabe href="/favicon.ico"

vorheriges Kapitel: headerinformationen
nächstes Kapitel: Leserstimmen
headerinformationenSeitenanfangLeserstimmen
eBook HTML-Seminar.de
del.icio.usMister Wong         headerinformationenSeitenanfangLeserstimmen
© 2000-2010 Axel Pratzner • www.html-seminar.de • Stand 20.1.2010
Wir freuen uns über Weiterempfehlungen und Links zu www.html-seminar.de