Als Favicons bezeichnet man diese kleinen Bildchen, die in der Adresszeile des Browser vor der URL stehen.
Sie sind grundsätzlich 16 x 16 Pixel groß und weisen die Extension *.ico auf.
In diesem Tutorial wird erklärt, wie du ein solches Favicon zu deiner Website hinzufügst.
Das Favicon erstellen
Erstelle in einem Grafikprogramm deiner Wahl diese 16 x 16 Pixel große Grafik und speichere sie als *.ico ab (falls dein Grafikprogramm diese Extension nicht unterstützt, speichere es als *.jpeg und benenne die Endung später von Hand um).
Das Favicon einbinden
Lade das Favicon auf deinen Webspace und öffne dann die Startseite deiner Website. In den <head>-Bereich notierst du:
<link rel="icon" href="http://deinedomain.de/favicon.ico" type="image/jpg" />
… wobei du die Adresse natürlich anpassen musst.
Fertig! :-)
wenn man die Grafik im Photoshop erstellt, kann man diese direkt als .ico speichern..
wem der Aufwand mit dem Grafikprogramm zu hoch ist sollte online Generatoren wie z.b. http://www.html-kit.com/e/favicon.cgi nutzen.
Wie kann man denn so Favicons transparent machen ? :)
@ Lisa:
Indem du die Favicon-Grafik als *.gif oder *.png anlegst – in diesen beiden Formaten kannst du ja einen transparenten Hintergrund verwenden.
Ja danke habs schon rausgefunden ur hats mein Browser lange Zeit noch falsch abgespeichert ^^