Favicons selbst erstellen

Inzwischen sieht man bei vielen Websites vor der Domainadresse (in der Adresszeile des Browsers und im Tab) ein kleines Bildchen. Dieses nennt man Favicon.

Um ein solches erstellen zu können benötigt man:

  1. eine bmp- oder gif-Datei, die möglichst nicht mehr als 256 Farben enthalten und nicht größer als 30/34 Pixel groß sein sollte und
  2. ein Programm, das diese Dateien in sogenannte ico-Dateien umwandelt.

Das Programm, das ich dafür verwende, heißt IconShop. Dabei handelt es sich um Freeware und wurde ursprünglich für Windows95/98/NT geschrieben, wobei Sie dieses auch problemlos unter Windows XP und wahrscheinlich auch unter Vista verwenden können.

Die Installation des Programms ist denkbar einfach:

  1. ZIP-Datei herunterladen
  2. ZIP-Datei entpacken
  3. IconShop.exe mit einem Doppelklick öffnen
  4. Fertig.

Auch die Nutzung ist nicht viel problematischer:

  1. Ordner (im linken Fensterbereich) öffnen, in dem sich das Bild befindet, das umgewandelt werden soll
  2. Datei im rechten oberen Fenster markieren (1x anklicken)
    (wenn das Bild unter der Liste nicht erscheint, kann dieses nicht in eine ico-Datei umgewandelt werden)
  3. Menü File öffnen
  4. Menüpunkt Export as » Icon… anklicken
    (das Fenster Speichern unter öffnet sich)
  5. Speicherort suchen und gewünschten Dateinamen eingeben
  6. Schaltfläche Speichern anklicken
  7. Fertig.

Zum Schluss müssen Sie noch:

  1. das Bild (Favicon) auf den Server kopieren und
  2. im Headerbereich Ihrer Website (zwischen den Befehlen <head> und </head> folgende Zeile einfügen:
    <LINK REL=“shortcut icon” HREF=“namedesfavicon.ico”>
    (Statt namedesfavicon.ico  verwenden Sie bitte den von Ihnen geählten Namen.)
  3. Fertig ;-)
Ihnen hat dieser Artikel gefallen und Sie wollen mir unbedingt etwas Gutes tun? Dann klicken Sie einfach jeweils einmal auf die folgenden Symbole. Fertig! (Keine Bange. Sie kaufen damit weder eine Waschmaschine noch treten Sie irgendeiner Sekte bei. Sie helfen mir nur dabei ein besseres PageRanking zu erhalten. Das sagt man jedenfalls. Ob es stimmt? Keine Ahnung.) Danke! ;-)
Diese Icons verlinken auf Bookmark Dienste bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
MisterWong Y!GG Webnews Digg del.icio.us StumbleUpon Reddit Technorati YahooMyWeb
erstellt am 16. April 2009 12:28    abgelegt unter: Webdesign

nach oben
Kommentar erstellen:
Hinweise:
Bitte füllen Sie die mit dem * gekennzeichneten Felder aus.
Ihre E-Mailadresse wird nicht veröffentlicht.






Maximum 2 links per comment. Do not use BBCode.