Un favicon 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).
La imagen en mención, normalmente es el logo o ícono distintivo de la empresa, institución o persona para quien el sitio ha sido desarrollado.

1 - Crear el icono

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 a la primera, hazlo de 16x16, con 16 colores y en formato ICO.

Puedes bajarte un editor de iconos y crear tu icono tranquilamente en la comodidad de tu hogar.
O hacerlo en el fotoshop guardarlo jpg y luego curratelo en la web, el Favicon from Pics.

Ahora, dependiendo del navegador y su configuación, el favicon podría no mostrarse (aún si lo tienes ubicado en las ubicaciones antes dichas); por ello, es necesario que lo declares entre las etiquetas head de tu código:



Quickpost this image to Myspace, Digg, Facebook, and others!

Modifica todas las páginas HTML que quieras. Para empezar te aconsejo que cambies sólo la inicial, no vaya a ser que después de todo el esfuerzo resulte que te has equivocado en alguna tontería. Ya tendrás tiempo para cambiar el resto cuando veas que funciona.

4 - Comprobar que funciona

En teoría ya está, vamos a probarlo:

Si tienes Internet Explorer 5, 6 o 7 superior, ve a tu página y añádela a favoritos. Hasta que no la añadas a favoritos no saldrá el icono, por eso se llama favicon.ico ("fav" de favoritos). Una vez que la hayas añadido a favoritos debería salir el icono tanto en el menú de favoritos como en la barra de direcciones, a la izquierda de la dirección de la página. Si no sale abre el menú de favoritos y selecciona tu página. Si sigue sin salir cierra todas las ventanas que tengas abiertas del Explorer, arráncalo de nuevo y vuelve a tu página.
Si usa un navegador de verdad como el firefox se vera la primera

¿Para qué sirve un favicono?

Es cuestión de imagen, lo mismo que un logotipo.

¿Exactamente qué es un favicono?

Es una pequeña imagen que representa a una página web o a un sitio web completo.

Para saber mas:

Favicon.net

Cristal lab