Einleitung
Ein favicon.ico ist letztendlich das kleine Icon, welches bei manchen Webpages in der Adresszeile des Browsers angezeigt wird.
- Grösse und Format: 16x16 pixel, 72dpi, 8bit, RGB
"normale" Einbindung
Die Datei muss zwingend favicon.ico heissen !!!
Sobald die Datei im Hauptverzeichnis der Webpage liegt, also dort, wo auch die index.html (oder .php) liegt, wird sie in der Browser-Adressleiste auch angezeigt.
Um ganz sicher zu gehen, solltest Du Deinen Cache leeren, bevor Du die Seite neu aufrufst, damit die Änderung auch sichtbar wird.. ;)
Pfad des favicon.ico hardcoden
es gibt die Möglichkeit, über eine Anweisung im Seitenkopf (HEAD) den Pfad auf das Icon zu definieren. Dies hat den Vorteil, dass man das File nicht mehr zwingend favicon.ico nennen muss, sondern man einen alternativnamen wählen kann.
falls das favicon.ico im Hauptverzeichnis liegt:
<link rel="SHORTCUT ICON" href="/favicon.ico">
falls das favicon.ico in einem Unterverzeichnis liegt:
<link rel="SHORTCUT ICON" href="http://www.yourdomain.com/images/favicon.ico">
favicon.ico erstellen
Siehe hierzu auch die nette Anleitung von GLTIPS
mit Photoshop
Für Photoshop gibt es ein kleines plug-In, welches das abspeichern von Graphikdateien im ICO-Format ermöglicht. Dieses kostenlose Plugin kann bei Telegraphics downgeloadet werden: http://www.telegraphics.com.au/sw/
Einfach das entpackte File in das Plugin/File Formats-Verzeichnis von Phototshop legen, und los gehts.
quick and dirty
Es gibt Leute, die behaupten dass es auch so funktioniert:
- Erstelle eine GIF-Datei mir dem gewünschten Icon (16x16,RGB,8bit)
- speichere die Datei ab, und nenne sie in "favicon.ico" um...
- sollte klappen....
Weblinks
- Alles über Favicons
- nette Anleitung von GLTIPS
- Favicons Collection (FR - mit Übersetzungslink nach Deutsch und Englisch)
- kostenloses Photoshop-Plugin