CSS einfach erklärt

Wer mit dem Webdesign beginnt, wird sich früher oder später die Frage stellen, warum bei manchen Websites ein kleines Logo in der Adresszeile des Browsers links von der URL auftaucht und wie man es selbst dorthin zauber kann (sogenannte Favicons).

Guru 2.0 hat in seinem Blog eine wie ich finde leicht verständliche Anleitung zur Erstellung und Einbindung der favicon.ico geschrieben.

Zur Erstellung empfiehlt er den Icon-Generator Genfavicon. Das Tool ist nicht schlecht, ergänzend möchte ich aber noch meinen Favoriten, favicon.cc, vorstellen. favicon.cc hat eine etwas erweiterte Funktionalität. So kann man einerseits auch ohne Bildvorlage sich ein Icon freihändig zusammenklicken. Anderseits lassen sich aber mithilfe einer Bildvorlage erstellte Icons manuell bearbeiten. Fehler, die bei einer eventuell starken Verkleinerung auftreten, lassen sich so optimal korrigieren. Außerdem kann man animierte Bildsymbole erzeugen, wovon ich allerdings abraten möchte, da sie meistens nur nervig wirken. Last, but not least hat favicon.cc eine Echtzeitvorschau, man muss also nicht bei jeder Veränderung auf den Preview Button drücken.

Anwender, die über das Programm Adobe Photoshop verfügen, können im übrigen mit dem kostenfreien Plugin ICO Format auch direkt aus Photoshop heraus Icons erzeugen. Einfach ICO Format in den Plugin-Ordner von Photoshop kopieren, und schon lassen sich nach einem Neustart des Programms *.ico Dokumente öffnen und speichern.

• Ähnliche Beiträge:
• » CSS Unterschiede im Internet Explorer
• » Unicorn: Einheitlicher Validierungsdienst des W3C
• » Neu laden des Browserfensters automatisieren
• » Einen grafischen Entwurf pixelgenau umsetzen
• » Webdesign auf verschiedenen Handys und Smartphones testen

Kategorien: Anfänger, Webdesign.
Schlagwörter: Favicon, Tools.