Home » Wordpress & CMS

Erstellung eines FavIcon

6 March 2008 152 views No CommentPrint This Post Print This Post Email This Post Email This Post

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 (in hoffentlich positiver Weise ;-) …). Deswegen genau heisst es auch Favoritenicon.

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

1. für Leute, die kein Grafikprogramm haben (und auch keines wollen…)

  • Die Seite favicon.ico Generator besuchen, wo unzählige Icons zu allen erdenklichen Themen zum Download angeboten werden.
  • Suchbegriff zum gewünschten Ico 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 (Buttonbezeichnung variiert je nach Generator)
  • anschauen und bei Gefallen als favico.ico auf der eigenen Festplatte speichern

Und hier eine kleine handverlesene Auswahl an Online-Generatoren:

favicon.ico Generator

Favicon/Icon Generator

FavIcon from Pics

3. für Zeichenkünstler, die ihr Icon Pixel um Pixel selber entwerfen möchten:

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

Viel komfortabler sind Icon-Editoren, die als Programme auf der eigenen Festplatte installiert werden.
Bspw. die Icon-Suite IcoFX (Freeware) - 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

Verwandte Artikel

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading ... Loading ...

Leave your response!

Add your comment below, or trackback from your own site. You can also subscribe to these comments via RSS.

Be nice. Keep it clean. Stay on topic. No spam.

You can use these tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

This is a Gravatar-enabled weblog. To get your own globally-recognized-avatar, please register at Gravatar.