Webdesign Blog

Hier kurz der ergänzende Beitrag zum Thema achtung-fehlermeldung-auf-ihren-seite für 199,00 €

Ein Favicon wird von den meisten Besuchern übersehen, wer dennoch eins haben möchte, kann hier lesen wie es geht.

Favicons sind diese kleinen Bildchen, die oben links in der Adressleiste des Browsers angezeigt werden. (Dort wo standardmässig ein kleines Internetseitensymbol links neben dem http:// ist)

Favicons müssen 16×16 Pixel groß sein, lassen also nicht viel Platz für große Kunstwerke.

Ein Favicon kann ohne Probleme mit kostenloser Software, sowie jedem gängigen Grafikprogramm erstellt werden z.B. dem kostenlosen Irfanview.

Favicon in 4 Schritten:

1. Öffnen Sie zunächst Ihr Grafikprogramm und erstellen Sie ein neues 16×16 Pixel Bild

2. Erstellen Sie nun auf dem kleinen Bild Ihre Grafik Elemente (am besten Pixeln mit einem Punktwerkzeug.)

3. speichern Sie das Bild als favicon.gif

dreieinhalb. (Sofern Ihr Grafikprogramm keine Bild-Dateien als favicon.ico speichern kann, laden Sie sich das kostenlose Grafikprogramm Irfanview herunter und installieren Sie es.)

4. Öffenen Sie nun Ihre favicon.gif Datei mit Irfanview und wählen Sie nun Datei > Speichern unter.

Geben Sie als Namen der Datei wieder favicon ein und WICHTIG wählen Sie als Dateityp ICO-WindowsIcon.

Nun haben Sie die Datei favicon.ico erstellt. Diese Datei muss nun in das Verzeichnis (root – dort wo sich Ihre Index Datei befindet) Ihrer Website hochgeladen werden. Wenn Sie nun Ihre Seite im Browser aufrufen, sollte links das Favicon erscheinen. Im IE kleiner 7 sehen Sie das Favicon erst, wenn Sie Ihre Seite zu den Favoriten hinzugefügt haben.

Wenn Sie für verschiedene Bereiche / Seiten Ihrer Website unterschiedliche Favicons haben möchten, müssen Sie im Quelltext der jeweiligen Seiten Folgendes einfügen:(Die Favicons liegen in diesem Beispiel im Ordner /icons/ und heissen favicon1.ico und favicon2.ico)

<link type=“image/favicon1.ico“ rel=“SHORTCUT ICON“ />

<link type=“image/favicon2.ico“ rel=“SHORTCUT ICON“ />

Wenn Sie den Ort der der Icons in den HTML Dateien definieren, kann das Favicon auch einen anderen Namen.ico haben. Wenn Sie Ihr Icon global verwenden wollen, reicht es wenn Sie die Grafikdatei favicon.ico in den root-Ordner (dort wo die index.html liegt) Ihrer HP hochladen und die Browser erkennen automatisch, dass es ein Favicon gibt und ersetzen dieses mit den Standard Favicons.

Der Beitrag wurde am Donnerstag, den 8. Februar 2007 um 09:41 Uhr veröffentlicht und wurde unter Webdesign abgelegt. Du kannst die Kommentare zu diesen Eintrag durch den RSS 2.0 Feed verfolgen. Kommentare und Pings sind derzeit nicht erlaubt.