Crea un favicon.ico para tu Web

favicon.ico (FAVOrite ICON) es un icono, es decir, una pequeña imagen, que aparece en algunos navegadores junto a la dirección de una página web.

Ejemplo:

Es una imagen que los desarrolladores web incluyen en el sitio y aparece en la barra de direcciones, favoritos y bookmarks (en la mayoría de navegadores).

Características

El icono debe tener las siguientes características:

* Dimensiones 16 píxeles x 16 píxeles;
* 16 colores (4 bits);
* Formato ICO, no BMP, no GIF, no JPG.

En algunos navegadores puedes usar iconos mayores, con más colores y en otros formatos, pero si quieres que tu icono funcione correctamente, hazlo de 16×16, con 16 colores y en formato ICO.

Cómo hacerlo

Puedes conseguir un editor de iconos y crear tu icono a mano o puedes hacerlo a partir de una imagen con cualquier editor.

Pero sinceramente no te compliques la vida consigue la imagen que desees como “favicon” y utiliza este servicio que ofrece DynamicDrive .

* Tan sencillo como subir la imagen y clickear en “Create Icon”.

Después de haber creado un favicon limpio, es el momento de añadirlo a su sitio. Para ello, siga el siguiente procedimiento simple:

1 . Sube el archivo generado ("favicon.ico") a su sitio. Compruebe que está ahí escribiendo http://mysite.com/favicon.ico en la ubicación del navegador, donde "mysite.com" es la dirección de su sitio.

2.  Luego, inserte el código de abajo en la sección HEAD de sus páginas, por lo menos, en la página de su sitio principal índice: 

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

3.   ¡Eso es! Tenga en cuenta que tu favicon puede no aparecer  inmediatamente después de haber completado los dos pasos anteriores. De hecho, puede tomar unos pocos días, y en el IE, a veces el favicon va a desaparecer de vez en cuando debido a un error del navegador.