Welches Format sollten die Favicons haben, wo gehören sie hin und wie werden die Kunstwerke dann im Browser angezeigt, alles dazu auf dieser Seite.

Der folgende Abschnitt beschreibt eine Variante, wie man schnell zu einem eigenen Favicon auf der Website kommt, allerdings sollte man bei Gelegenheit die weiteren Ausführungen auf dieser Seite lesen und berücksichtigen.

• in MS Paintbrush) ein Bild mit dem Format 32*32 Pixels "malen" und als Bitmap abspeichern
• das Bitmap mit IrfanView öffnen und mit dem Dialog "Speichern als ... " als Icon (!) mit dem Namen "favicon.ico" abspeichern
• die Datei in das Rootverzeichnis der Domain/Subdomain hochladen, fertig

Wenn der letzte Schritt nicht möglich ist (Homepage im Unterverzeichnis, z.B.: bei Xoom, Tripod usw.), dann die Datei favicon.ico in sämtliche Verzeichnisse der Homepage hoch laden, in denen HTML-Dateien abgelegt sind.

Zu diesen beiden Punkten gibt es sehr unterschiedliche Angaben, je nach der gewählten Informationsquelle, offensichtlich scheinen jedoch auch etliche Varianten zu funktionieren. Deshalb im folgenden nur einige Anhaltspunke, im Normalfall sollte man das Favicon auf einer Testseite vorab einbinden und so die Funktionsfähigkeit der ganzen Bastelei testen.

Grösse der Datei: Im Browser (Favoriten, Adresszeile) werden die Icons in einem Format von 16*16 Pixels angezeigt, bei Verknüpfungen direkt im Startmenü wird eine Grösse von 32*32 Pixels verwendet, u.U. erscheinen auch noch andere Grössen je nach Konfiguration.
Die Skalierung durch den Browser bzw. durch Windows kann man testen, indem man den (lokalen) Ordner mit dem Icon aufruft und "Kleine Symbole" bzw. "Große Symbole" anzeigen lässt. Sollten sich in der Datei mehrere Icons unterschiedlicher Grösse befinden, wird automatisch das passende Icon ausgewählt.

Farbenanzahl: Für die Erstellung der Icons kann sollte man 256 Farben verwenden, natürlich unter Voraussetzung von mind. 256 Farben bei den Besuchern der Website, davon kann man allerdings ausgehen. Wer möchte kann natürlich gern nur 16 Farben verwenden, aber auch funktionsfähige Icons mit Truecolor sind im Einsatz, kurzum, hier sind die Einschränkungen eher in den Maßen der Icons zu finden, weshalb eine Farbpalette mit 256 versch. Farben eigentlich immer ausreichen sollte.

Empfehlung: Ein "richtiges Icon" mit zwei integrierten Icons (einmal 16*16 Pixel und einmal 32*32 Pixel), beide mit 256 Farben (sollte vollkommen ausreichend sein für diese Größenverhältnisse!)
Bei dieser Verfahrensweise kann man die eigenmächtige und oft unschöne Skalierung des Icons durch den Browser (Windows) ausschließen, da automatisch das passende Format angezeigt wird.

Wenn genügend Zeit vorhanden ist, sollte man statt der Expressvariante lieber mit professionellen (Grafik-)Programmen arbeiten, ideal ist die Erstellung von zwei Bitmaps (32*32 bzw. 16*16 Pixel) mit dem Lieblingsgrafikprogramm unter Einsatz von Antialiasing (!) und der Import dieser beiden Bitmaps in eine neue *.ico Datei beispielsweise mit dem sehr guten Programm Microangelo.
Diese Datei als favicon.ico abspeichern und in sämtlichen Verzeichnissen mit HTML-Dateien ablegen, die der IE5 nach den Favicons durchsucht.

Beim Hinzufügen einer Seite zu den Favoriten sucht der IE5 automatisch nach dem Favicon zu dieser Seite, dies geschieht nach folgenden Schema:

1. Wenn ein individuelles Favicon im Head-Bereich der Datei angegeben ist, dann sucht der IE5 danach und verwendet falls vorhanden diese Datei
2. Im aktuellen Verzeichnis wird nach der Datei favicon.ico gesucht und wenn vorhanden wird sie verwendet
ACHTUNG: Der Internet Explorer sucht ab der Version 5.01 nicht mehr in den Unterverzeichnissen nach favicon.ico, somit ist die Platzierung eines Favicons dort ohne extra Referenzierung im head-Bereich der Datei wirkungslos!
Die Ablage im Rootverzeichnis als favicon.ico und die individuelle Referenzierung in der Datei funktionieren aber nach wie vor.
3. Als letzter Schritt wird im Root der Domain bzw. Subdomain gesucht.

Jeder dieser drei Suchschritte verursacht bei nicht vorhandenen Favicon einen 404-Error im Logfile der Domain/Subdomain (bei 1.Suchvorgang natürlich nur, wenn diese Methode auf der Seite eingesetzt wird), im ungünstigsten Fall also drei interne "Not Found"-Ergebnisse wegen einmal "Zu Favoriten hinzufügen..."!

Entsprechend der Suchreihenfolge sollte die Datei favicon.ico sich an folgenden Stellen einer Website befinden.

Favicon im Root des Servers: Wenn man Zugriff auf das Rootverzeichnis einer Domain hat, reicht es eigentlich aus, die Datei in diesem abzulegen, sie wird dann automatisch verwendet, u.U. entstehen 404-Errors beim Versuch, Seiten aus den Unterverzeichnissen zu bookmarken, der Besucher bekommt trotzdem das Favicon (im Root der Domain) angezeigt.

Achtung, die Suchreihenfolge des IE ist ab der Version 5.01 anders! Damit ist die Platzierung in Unterverzeichnissen wirkungslos geworden!
in jedem Verzeichnis: Bei Bedarf kann man in jedes Verzeichnis (mit HTML-Dateien) das Favicon ablegen, bei dieser Vorgehensweise werden 404-Errors im Logfile gänzlich vermieden.
Ein individuelles Favicon für jedes/spezielle Verzeichnisse ist auf diesem Weg möglich, siehe auch Suchreihenfolge.

individuell für einzelne Dateien: Wenn man für eine Datei ein individuelles Favicon festlegen möchte, so kann man dies durch folgende Angabe im <HEAD>-Bereich der betreffenden Datei festlegen:

<LINK REL="SHORTCUT ICON" HREF="eigenesicon.ico">