Icono en la Barra de Dirección del Navegador o Favicon

Ayer puse el Icono a la Barra de Direcciones del Navegador. en Principio no sabia como hacerlo, ni sabia que nombre tenía, pero de repente encontre la palabra favicon, y wuala !!! ya esta. Entonces todo se hizo mucho más fácil.

Es muy sencillo, creerme. Lo más complicado es saber que es lo que estamos buscando. En Nuestro caso Favicon, y lo segundo más difícil que tenemos es generar un Fichero 16×16 con extensión .ico, .gif, o .png.

Una vez que tengamos el icono generado, lo subimos a la raíz de nuestra web.

El último paso que tenemos que hacer es, incluir en el “head” de nuestra web, los siguientes tags.

<link rel=”shortcut icon” href=”http://example.com/favicon.ico” type=”image/vnd.microsoft.icon”>
<link rel=”icon” href=”http://example.com/favicon.ico” type=”image/vnd.microsoft.icon”>

//yo por ejemplo tengo un favicon.ico, que en realidad es un png.
//si el fichero es gif o png, tenemos que indicar el tipo de archivo correcto

# GIF type = image/gif
# PNG type = image/png

Toda esta información la encontrarás muy bien explicada en Wikipedia / Favicon

Así que no tiene mucho mérito poner el Post, ya que el código ha sido sacado de la Wikipedia, pero me pareció interesante, además de ser muy sencillo.

Saludos a Todos, y a Disfrutarlo

PD.: Parece que no se ve en Internet Explorer 6, lo siento, cuando encuentre la solución os la comento

¡Compártelo!