Favicon erstellen

Folgende Anfrage kam per E-Mail:

kannst du mir sagen wo und wie du es schaffst, daß das kleine icon (favicon) vor deiner URL im adressefenster des browsers zu sehen ist?

Nun, wie erstellt man ein Favicon – das kleine Bildchen in der Adresszeile einiger Browser und beim Internet Explorer in den Favoriten –?

Ich erkläre es hier gerne:

  1. Erstelle ein Bildchen in der Grösse von mindestens 16 x 16 Pixeln und höchstens 64 x 64 Pixeln.
  2. Das Icon darf maximal 16 Farben haben (4 Bit).
  3. Speichere es im Windows Icon-Format mit der Dateieindung *.ico (das Programm GraphicConverter tut das für mich).
  4. Benenne die Datei “favicon.ico”.
  5. Lade das Favicon in das Grundverzeichnis deines Webservers. Damit zeigt der Internet Explorer unter Windows das Bildchen in der Favoriten-Liste an.
  6. Füge im HEAD-Bereich deiner Homepage und jeder weiteren Seite folgende Zeilen ein:

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

    Damit zeigen auch Mozilla, Safari und andere Browser das Favicon an.

Wie man ein Favicon macht habe ich erstmals gelesen bei About.com.

Auch Dr. Web verrät den Trick. Ein Online-Tool zum Erstellen von Favicons gibt es bei www.favicon.cc.

3 Kommentare.

  1. Hallo Stefan
    Dank Deiner guten Bschreibung habe ich es nun auch noch geschafft meiner Seite einen favicon zu geben.

    Viele Grüsse
    Roman

  2. Mit favicon.cc kann man sehr simpel ein Favicon designen.

  3. Recht schnell und sipmpel gehts damit: http://www.favicon-maker.de einfach Bild hochlanden und erstellen klicken fertig

Kommentar schreiben.

Weitere Einträge lesen

Bookmark

Diese Seite merken. Diese Icons verzweigen auf soziale Netzwerke bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
     del.icio.us  MisterWong  Furl  Spurl  Ma.gnolia  Technorati  Digg  Facebook  Google