Favicons erstellen

Details: Hauptkategorie: Tutorials; Kategorie: Webdesign; Geschrieben von LernVid.com; Zugriffe: 9360

Inhaltsverzeichnis

1. Was ist Favicon ?
2. Wie erstellt man ein Favicon?

1. Was ist Favicon ?

Ein Favicon ist ein kleines Bild, welches einer Webadresse hinzugefügt wird.

Favicons werden vom Browser erkannt wenn sie auf einem Webserver im Hauptverzeichnis (root) liegen.

Alternativ kann man mit diesem Code auch ein beliebiges anderes Favicon pro seite verwenden:

Dieser Code muss im HEAD eingetragen werden

 
<link href="/templates/favicon.ico" rel="shortcut icon" type="image/x-icon" />

Den Code trägt man im head der Seite ein. (<head>Code hier</head>)

Macht man dies nich so, dann gilt:

Der Name und die Dateiendung sind beschränkt auf favicon.ico

2. Wie erstellt man ein Favicon?

In unserem Beispiel verwenden wir ein beliebiges Bild das wir erst verkleinern und dann in eine .ico Datei mit dem Namen favicon.ico umwandeln.

Anschließend wird die Datei wie üblich auf den Webserver ins Hauptverzeichnis hochgelden.

Fertig.

Wir können das mit einem einzigen Freeware Programm namens Infranview machen. http://www.irfanview.com/

Ist Infranview heruntergeladen und installiert dann öffnen wir es und stellen als erstes die Sprache um auf Deutsch. Options >> Change language >> Deutsch

Nun öffnen wir unser Bild welches zu einem Favicon werden soll: Datei >> Öffnen

Jetzt ändern wir die Größe des Bildes auf 16x16 Pixel: Bild >>> Größe ändern...

In diesem Fenster geben achten wir darauf dass Propotional nicht aktiviert ist (Haken) und tragen unsere neue Größe 16 X 16 ein und drücken OK.

Nun speichern wir unser kleines Bild noch ab: Datei >> Speichern unter...

Wir bennenen unser kleines Bild nun favicon und achten darauf den Dateityp ICO-Windows Icon auszuwählen.

Jetzt nur noch mittels FTP auf den Webserver ins Hauptverzeichnis laden und fertig.

< Zurück