shortCMS site Title
 Übersicht - Favicon

Favicon einbauen


Was ist ein Favicon?

Viele Browser können eine Grafik bei einem "Favoriten" oder "Lesezeichen" anzeigen. Das Wort Favicon steht für diese Möglichkeit (Kombination aus Favoriten und Icon). Browser wie zum Beispiel der Firefox, Opera, Konqueror, Safari, IE (Version 6 eher nicht) und andere zeigen diese Grafik zusätzlich in der Adressleiste und in den überschriften der Tabs an.

1. Ein Favicon anfertigen

- Eine 16 mal 16 Pixel große Grafik erstellen
- Optimale Farbtiefe 256 Farben*
- Die Grafik als ".ico" speichern oder ein Bild/Foto in eine .ico Datei konvertieren

*Es wird empfohlen eine geringe Farbtiefe (wenige Farben) zu verwenden.
Eine *.bmp, *.gif, *.jpg Grafik in eine *.ico Datei umbenennen verursacht häufig Probleme
und ist darum nicht empfehlenswert.

2. Das Favicon auf dem Webserver speichern

Die Datei zum Beispiel mit einem FTP-Programm im Hauptverzeichnis der Webseite ablegen.

3. Link auf das Favicon im Quelltext einsetzen

Im Quellcode der Webseite wird nun der Link zum Favicon eingetragen.
Die richtige Syntax des Links lautet ...

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
Im XHTML-Format mit abschliessendem Slash am Ende (/).

Diese Zeile muss im HTML-Quelltext im Head Bereich eingesetzt werden ...
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
<meta name="publisher" content="Ich" />
<meta name="copyright" content="2010" />

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

</head>
Immer auf die Gross- und Kleinschreibung achten.

Tools / Hilfe

- Ein Freewareprogramm zum Erstellen von ".ico" Dateien ist z.B. Z-Icon.
- Ein gutes FTP Freewareprogramm ist z.B. FileZilla.

© 2010 - 2017 shortCMS GNU/GPL
generate in 0,10847 sec.