¿Pero que es un favicon?

La definición via Wikipedia es la siguiente:

Favicon (término reducido de la palabra inglesa Favorites icon), también conocido como icono de página, es un icono asociado a una página web concreta. Un diseñador web puede crear este icono y muchos navegadores gráficos pueden usarlos. Los navegadores que permiten esta función suelen mostrar el icono junto a la barra de direcciones, al lado del nombre de la página web en la lista de favoritos y en los títulos de las páginas.

Bueno al lio. Si queremos tener en nuestra página un favicon, como el que tengo yo:

Lo más rápido y fácil es irnos a la siguiente página:

http://www.html-kit.com/favicon/

Subimos la imagen a generar, si queremos añadir un texto lo añadimos y le damos a Generate Favicon.ico

A continuación hacemos click en download.

Nos descargamos el archivo comprimido y lo subimos via ftp al home de tu página.

Finalmente añadimos en el head (cabecera) de la página el siguiente código :

< link rel=”icon” href=”rutacompleta/animated_favicon1.gif” type=”image/gif” >

Si queremos que el icono sea estático añadimos solamente esto :

< link rel=”shortcut icon” href=”favicon.ico” >