Was sind Favicons?In den Internet-Browsern wird in der Adresszeile bzw. Titelleiste ein ziemlich unscheinbares Symbol angezeigt. Dieses Bildchen wird favicon.ico genannt. Bei den Lesezeichen und Favoriten wird diese Grafik ebenfalls genutzt. Ansonsten erscheinen die Bildchen auch noch hier:
- Favoriten-Verzeichnis des Internet-Browsers
- Windows: Startmenü, Taskleiste und Desktop
Formate der ICO-Datei
Das ICO-Format wird für Icons verwendet. Die gängigsten Möglichkeiten zur Darstellung sind:
- transparente Bildbereiche möglich
- mehrere Einzelgrafiken sind in einer ICO-Datei möglich, die sich in
- Größe: 16×16, 32×32 oder 64×64 Pixel und/oder
- Farbanzahl: 256, Farben unterscheiden
- Empfohlen wird: Transparenter Bildbereiche falls gewünscht, mit 16 x 16 Pixel und 256 Farben
Schritte zum eigenen favicon.ico
- Schritt: Open Clip Art Library downloaden mit Unmengen Cliparts und Icons
- Schritt: IrfanView und IconEdit32 downloaden zum Bearbeiten des Icons
- Schritt: Mit IrfanView ein Bild als ICO-Datei in den Formaten 48×48, 32×32 und 16×16 (256 Farben) abspeichern
- Schritt: Je ein Bild bei IrfanView in den Zwischenspeicher kopieren und in IconEdit32 einfügen
- Schritt: Mit IconEdit32 die 3 Bilder zusammenfügen und als favicon.ico abspeichern
- Schritt: Hintergrundfarbe transparent schalten zur besseren Optik
- Schritt: Mit einem FTP-Programm auf den Webserver ins Hauptverzeichnis hochladen
Tipp
- Open Clip Art Library Knapp 7.000 Bilder für umsonst (Freeware)
- favicon.de von Stefan Einspender
- IconEdit32 Grafikprogramm um mehrere Bilder in einer ICO zusammenzulegen
- IconForge von Cursor Arts
- IconWorkshop von Axialis
- ImageAuthor Online Icon Editor zum Erstellen von Icons
- favicon.cc favicon schnell online erstellen
- Irfanview Kostenlose Grafiksoftware um ICO-Dateien zu erstellen
- Microangelo Kostenpflichtige Grafiksoftware um ICO-Dateien zu erstellen (Testversion)
- Perfect Icon von Aha Soft
4 Comments for “Datei favicon erstellen”
Robert
says:Nette Auflistung zu favicons wollte sowas schon immer mal selbst machen. Mal sehen was dabei rauskommt 😀
LG
butterfly
says:Ich finde es toll, wenn man positives Feedback erhält.. oder aber auch über konstruktive Kritik, aber wem sag ich das…
Caro
says:Genau das Tutorial das ich gesucht habe. 🙂
Tobi
says:Vielen Dank für die Anleitung / Auflistung der Programme – das hat mir sehr weitergeholfen.