Mögen Sie Favicons? Favi… was? Das sind kleine 16×16 (manchmal auch 32×32) Pixel große Symbole oder Logos, die in die Adresszeile eines Browsers geladen oder bei Bookmarks angezeigt werden und dazu dienen, einen Wiedererkennungswert zu schaffen. Der Begriff selbst setzt sich aus den englischen Worten favorite und icon zusammen, steht also für ein Favoriten-Symbol. Falls Sie auch so ein ganz individuelles Logo für Ihre Website haben möchten, dann gestalten Sie sich doch gleich eines selbst – online und kostenlos.

Das Tool dazu: Favicon.cc. Das ist ein Online-Generator, der keinen anderen Zweck hat, als eben solche kleinen Logo-Quadrate zu designen. Natürlich gibt es inzwischen eine Reihe weiterer solcher Favicon-Generatoren – der hier aber funktioniert nicht nur kinderleicht, sondern auch noch besonders schnell. Und so können Sie binnen wenigen Minuten Ihr Browser-Logo entwerfen:

  • Zunächst beginnen Sie mit einem 16 mal 16 Pixel großen Raster aus transparenten Blöcken.
  • Mit dem Stift-Werkzeug wählen Sie nun eine Farbe aus der Palette rechts aus oder geben dort einen Hexadezimal-Code Ihrer Logofarbe ein.
  • Anschließend klicken Sie mit dem Stift einfach in das Raster und zeichnen so Punkt für Punkt Ihr Logo nach.
  • Um die Farbe wieder zu löschen, klicken Sie rechts einfach wieder die Transparenzfläche an und überklicken damit den zu löschenden Punkt.

Und wenn Sie es sich ganz einfach machen wollen, laden Sie einfach ein existierendes Logo hoch und vereinfachen es. Denn natürlich geben zu viele Farben auf so kleiner Fläche irgendwann nur noch Farbmatsch.

Eine Vorschau-Funktion gibt es natürlich auch…

Soabld Sie das Favicon fertig festaltet haben, können Sie es ganz einfach abspeichern – als Favicon.ico. Dieses Format lässt sich dann später in Ihre Website einbauen. Idealerweise bauen Sie es in den Kopf Ihrer Website ein, mit einem Befehl, der ungefähr so aussieht:

<link rel=”icon” href=”http://karrierebibel/favicon.ico” type=”image/x-icon” />
<link rel=”shortcut icon” href=”http://karrierebibel.de/favicon.ico” type=”image/x-icon” />

Und schon haben Sie Ihr eigenes, feines Favicon…