Favoriten-Icon selbst erstellen (favicon.ico) Tutorial

Vielleicht ist es dir auch schon mal aufgefallen, neben vielen Websites in deinen Favoriten erscheint ein Icon (=kleines Bild).

Auch neben der Adresse im Browser erscheint ein Icon:

Ohne viel Aufwand könnt auch ihr es erreichen, dass neben eurer Website ein Icon mit 16x16 Pixeln erscheint. 1. Icon erstellen

Ihr erstellt zu erst ein Bild mit Paint (oder jedem beliebig anderem Grafikprogramm) in der Größe 16x16 Pixel und speichert es als [.jpg] ab.

Dann geh auf http://www.favicon-generator.de/!
Lade dort dein favicon hoch, bearbeite es evtl, und drücke auf ok. Nun speichere es, wie dort angegeben und lade es auf deinen eigenen WEBSPACE hoch!

2.

Fügt dann in jede HTML-Seite eurer Seite folgenden HTML-Code in den Head-Bereich der Seite ein:

<link rel="SHORTCUT ICON" href="favicon.ico">

Beachtet aber: Wenn eine Datei in einem Unterverzeichnis liegt muss der href-Tag natürlich angepasst werden. Sinnvoll ist z. B. in jede HTML Seite href="/favicon.ico" einzufügen, dann brauch das Icon nur einmal im obersten Verzeichnis der Website abgelegt werden.

Mitglieder-Kommentare

---