Anleitung zur Erstellung eines FavIcon

• Webdesign
• Juni 23rd

Ein Favicon ist ein kleines Icon in der Adresszeile des Browsers links neben der URL. Das Standardicon des jeweiligen Browsers lässt sich beliebig gegen ein eigenes austauschen, welches sinnvollerweise Bezug zur Webseite haben sollte (Buchstabe, Farbe etc. …). Ein eigenes Favicon erhöht den Wiedererkennungswert einer Seite und hebt sich in der Favoritenliste (Lesezeichenliste…) gegenüber den Standardicons ab. Deswegen genau heisst es auch Favoritenicon.

Für die Erstellung eines eigenen Favicon gibt es verschiedene Wege:

1. für Leute, die kein Grafikprogramm nutzen wollen:

• Die Seite favicon.ico Generator besuchen, wo unzählige Icons zu allen erdenklichen Themen zum Download angeboten werden
• Suchbegriff zum gewünschten Icon eingeben und “Search” drücken
• gewünschtes Ergebnis anklicken und herunterladen (vorher Lizenz beachten!)

2. für alle, die ein eigenes Favicon schnell selbst erstellen wollen:

• Aussehen des Favicons mit beliebigem Grafikprogramm generieren und abspeichern (idealerweise in der Größe 32×32 Pixel)
• Online Generator aufrufen
• Bild hochladen und den Button mit einer Aussage wie “Favico generieren” drücken
• anschauen und bei Gefallen als favico.ico auf der eigenen Festplatte speichern

Und hier eine kleine handverlesene Auswahl an Online-Generatoren:

1. favicon.ico Generator
2. Favicon/Icon Generator
3. FavIcon from Pics

3. für Zeichenkünstler (Pixel für Pixel):

Auf der Seite favicon.ico Generator lässt sich ein Icon der Größe 16×16 Pixel erstellen.
Der Favicon/Icon Generator bieten diese Möglichkeit ebenfalls.

Viel komfortabler sind Icon-Editoren, die als Programme auf der eigenen Festplatte installiert werden.
Bspw. die Icon-Suite IcoFX (Freeware, Windows) – auch in deutscher Sprache erhältlich.

4. für alle, bei denen ohne Photoshop nichts geht:

Photoshop beherrscht viele Dateiformate, .ico jedoch nicht. Zumindest nicht standardmäßig. Die Installation des entsprechenden Plugins:

ICO (Windows Icon) Format schafft wirksam und einfach Abhilfe.

Hat man – auf welchem Wege auch immer – das Favicon erstellt, speichert man es unter favicon.ico im Stammverzeichnis des Webauftrittes. Dann den Browser neu starten und – fertig.

Interessanter Link zum Thema FavIcon und Blogs: Das Projekt “Blogosphäre in Icons“.