ImgPopUpFct('','AW-Favicon.png')

Inhalt (hide)

  1.   1.  Einleitung
    1.   1.1  "normale" Einbindung
    2.   1.2  Pfad des favicon.ico hardcoden
  2.   2.  favicon.ico erstellen
    1.   2.1  mit Photoshop
    2.   2.2  quick and dirty
  3.   3.  Weblinks
  4.   4.  Kategorie

1.  Einleitung

Ein favicon.ico ist letztendlich das kleine Icon, welches bei manchen Webpages in der Adresszeile des Browsers angezeigt wird.

  • ImgPopUpFct('','AW-Favicon.png') Grösse und Format: 16x16 pixel, 72dpi, 8bit, RGB

1.1  "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.. ;)

1.2  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">

2.  favicon.ico erstellen

Siehe hierzu auch die nette Anleitung von GLTIPS

2.1  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.

2.2  quick and dirty

Es gibt Leute, die behaupten dass es auch so funktioniert:

  1. Erstelle eine GIF-Datei mir dem gewünschten Icon (16x16,RGB,8bit)
  2. speichere die Datei ab, und nenne sie in "favicon.ico" um...
  3. sollte klappen....

3.  Weblinks

4.  Kategorie

Tutorials, MacGyver


FooterBadgetsFct('Diskussion') FooterBadgetsFct('Rezension')

Zuletzt geändert am 17.05.2007 00:27 Uhr (3 Besuche)

© 2004 – 2020 ApfelWiki

Impressum - Datenschutz

cb