 |
Es ist Ihnen bestimmt schon aufgefallen: Manche Seiten in Ihrer Favoriten-Liste haben ein anderes Icon als die anderen Seiten, zumindest dann, wenn Sie den Internet Explorer verwenden. Diese kleinen Logos nennen sich "Favicons", und im Folgenden geht es darum, wie man sie auf der eigenen Website einsetzen kann.
Kompatibilität
Favicons gehören zwar nicht zum offiziellen HTML-Standard, sind aber trotzdem eine recht kompatible Angelegenheit: Der IE ab Version 5, der Mozilla ab 0.9.6 und der Konqueror zeigen die kleinen Bildchen an.
Technische Informationen
Die Favicon-Dateien müssen im Icon-Format von Windows vorliegen. Dieses Bildformat ist mit einfachen Bitmaps verwandt, aber leider nicht exakt identisch.
Verwenden Sie für den Einsatz im Internet die Bildgrößen 16x16 oder 32x32 Pixel und setzen Sie 256 oder 16 Farben ein.
Programme für die Erstellung von Icons
Irfanview ist ein gutes, kostenloses Programm. Man kann es unter http://www.irfanview.com/ herunterladen. Die Erstellung von Icon-Dateien ist damit kein Problem.
Microangelo 5.0 ist die professionellere Lösung, die im Gegensatz zu Irfanview auch Transparenzen unterstützt. Sie finden Sie Homepage des Programms unter http://www.impactsoft.com/muangelo/themaster/prodinfo.htm, auf der sich auch eine 30-Tage-Testversion herunterladen lässt.
Einbindung
Alle Browser, die Favicons unterstützen, suchen unter http://www.IhreDomain.de/favicon.ico nach der Datei. Existiert sie nicht, wird erst einmal kein Icon angezeigt.
Es gibt alternativ dazu die Methode, das zu verwendende Favicon im HTML-Code anzugeben:
<html>
<head>
<title>Seite XY</title>
<link rel="SHORTCUT ICON" href="http://www.IhreDomain.de/xyz/icon.ico">
</head>
<body>
</body>
</html>
Probleme
Oft funktioniert die Anzeige der Favicons nicht ganz reibungslos: So vergisst der MSIE schon mal gerne ein zu einem Favoriten-Eintrag gehörendes Symbol. Wenn es aber generell nicht klappt, sollte man mit einem frisch installierten Browser checken, ob das Problem bei der eigenen Site oder beim Browser liegt. Ist letzteres der Fall, kann es helfen, den Browser-Cache zu leeren. Ansonsten sollen Sie einfach noch einmal die vorhergehenden Abschnitte gründlich durchgehen.
|
|
|
|
Sie wollen diese Seite ausdrucken? Dafür haben wir eine spezielle Druckversion ohne grafische Elemente entwickelt! |
|
|
Einführung in CSS bei HTMLWorld.
|
|
