Kleines Icon für meine HomePage!?

Question

Hallo, 
Ihr kennt doch sicher das "G" von Google oder das "W" von Wikipdeia, dass zu der Homepage gehört...(Bei Firefox sitzen diese Zeichen direkt links neben der URL-Leiste)! Wie kann ich soetwas für meine Seite programmieren???

Tobias · Accepted Answer

Das nennt sich, wie schon gesagt, Favicon. 

Was du zum Erstellen brauchst:
*ein bisschen Kenntnis von HTML und
*ein Bildbearbeitungsprogramm, das das ICO-Format versteht.

1. Erstelle dir eine ICO-Datei und lade sie auf den Server hoch. Das geht z.B. gut mit dem Bildbearbeitungsprogramm GIMP: http://gimp-win.sf.net

Öffne das Bild in GIMP und klicke auf Datei > Speichern. Gib als Dateinamen irgendeinen Namen mit der Endung *.ico ein. Das Bild solltest du nun im nachfolgenden Fenster als ICO (32 bpp, 8-Bit-Alpha, keine Palette) abspeichern. 

2. Lade die ICO-Datei auf den Server hoch.

3. In allen Dateien, in denen das Favicon angezeigt werden soll, folgendes in den HEAD-Bereich einer Seite eingeben:
<link rel="shortcut icon" href="http://beispiel.de/favicon.ico" type="image/x-icon">

Die Adresse unter href durch die aktuelle Adresse des Icons ersetzen. 

Nun die HTML-Dateien auf den Server hochladen und du bist fertig.

@hendrik232: Die Datei muss nicht unbedingt favicon.ico heißen, allerdings wird das Favicon automatisch benutzt (also auch ohne explizite Angabe im Quellcode), wenn es als favicon.ico im Hauptverzeichnis der Domain abgespeichert wird.

hendrik232 · Answer

In die Kopfzeile:

<link rel="icon" href="http://www.deine Seite.de/favicon.ico" type="image/x-icon">

Das Bild muss 16*16 Pixel groß sein und muss unbedingt favicon.ico heißen.

KatiKlein · Answer

Du mußt eine Icon-Datei mit dem Bild erstellen. Diese Datei muß "favicon.ico" heißen und in das Root-Verzeichnis (Basis-Verzeichnis) deines Webservers hochgeladen werden.

Du kannst auch noch im <head> des HTML-Textes jeder Webseite die folgende Zeile einfügen

Aber eigentlich sucht jeder Browser automatisch die Datei favicon.ico im Basisverzeichnis der Webseite.

Um die Datei favicon.ico zu erstellen benötigst du auch noch einen Icon-Editor, mit dem du die ICO-Grafik Pixel-für-Pixel gestalten kannst (am Besten im Format 16x16 Pixel und 256-bit Farbtiefe).

AWicons Lite (Freeware)

http://awicons.soft-ware.net/download.asp

IcoFX (Freeware)

http://icofx.soft-ware.net/download.asp

Greenfish Icon Editor Pro (Freeware)

http://greenfish-icon-editor.soft-ware.net/downloa...

-

overtaked · Answer

das nennt sich favicon
must googeln, manche seiten bieten es an direkt ein bild umzuwandeln und dir den code zu erstellen.

Kleines Icon für meine HomePage!?

4 Antworten