:// M e d i e n w e r k s t a t t E i f e l

052009_

gästebuch:.
ambient nature:.
info:.
sitemap:.

Internet Workshop
zu VHS Kurs Dreamweaver
Favoriten Icon (favicon.ico)

/ / /

Vielleicht ist es Ihnen auch schon mal aufgefallen, neben vielen Websites in Ihren Favoriten erscheint ein Icon (=kleines Bild):

Auch neben der Adresse im Browser erscheint ein Icon

Versuchen Sie es doch einfach mal mit dieser Seite.

Ohne viel Aufwand können auch Sie es erreichen, dass neben Ihrer Website ein Icon mit 16x16 Pixeln erscheint.

Icon erstellen

Sie erstellen zuerst ein Bild mit Paint (oder jedem beliebig anderem Grafikprogramm) in der Größe 16x16 Pixel und speichern es als Bitmap (.bmp) ab. Laden Sie sich dann das Programm IconShop herunter.

Nachdem Sie IconShop gestartet haben:

Speicherort des eben erstellten Bildes auswählen,
in der rechten Fensterhälfte die entsprechende Datei auswählen (Bild wird in der unteren Fensterhälfte angezeigt),
mit der rechten Maustaste auf das Vorschau-Bild klicken,
dann Export as/Icon auswählen,
es öffnet sich ein "Speichern unter"-Dialog, dort legen Sie den Dateinamen (am besten favicon.ico) fest.

(Klicken zum vergrößern)

Icon einbauen

Fügen Sie dann in jede HTML-Seite des Internetauftrittes folgenden HTML-Code in den Head-Bereich der Seite ein:

Beachten Sie aber: Wenn eine Datei in einem Unter-verzeichnis liegt muss der href-Tag natürlich angepasst werden. Sinnvoll ist z. B. in jede HTML Seite href="/favicon.ico" einzufügen, dann brauch das Icon nur einmal im obersten Verzeichnis der Website abgelegt werden.

Weitere Informationen zum Thema gibt es auch unter:
http://www.favicons.de