Siempre que entramos a una página Web, el navegador nos muestra unas pequeñas imágenes al lado de la barra de direcciones y en la pestaña en que estamos posicionados (de estar utilizando un navegador basado en pestañas), esto que les digo, luce como lo siguiente:
Bien, esta pequeña imágen, se llama favicon, y su objetivo es indicarle al usuario de manera visual el logotipo de la página en que está posicionado, de esta forma, si se está utilizando por ejemplo un navegador con pestañas, no es necesario leer el título de las páginas puesto en las pestañas, sinó que simplemente nuestra hábil capacidad visual identificará el ícono apropiado para dar el clic.
A la hora de implementar, un favicon, debe tener las siguientes características:
- Dimensiones: 16 x 16 píxeles
- Tener extensión, .ico, por lo cual se puede llamar favicon.ico
- No necesariamente se debe llamar favicon, ya que esto va definido en el tag link como "shortcut icon", esto lo pueden ver en la imagen que viene a continuación;
- Debe estar sobre algún directorio de nuestra Web, normalmente sobre la url raíz;
Además de esto, para un correcto funcionamiento del favicon, se debe agregar la siguiente línea a nuestra plantilla HTML:
Esta línea permitirá al navegador saber dónde está nuestro favicon para desplegarlo cuando sea necesario.
Herramienta Genial
Ahora que ya sabemos lo que es un favicon, para su construcción pueden revisar el siguiente programa Web 
http://www.favicon.cc/ , esta herramienta cuenta con un conjunto de características excelentes para la construcción del favicon de nuestro sitio Web, dentro de ellas:
- Permite importar una imágen generando a partir de esto el favicon
- Permite editar cada píxel del favicon (agregando colores y transparencias)
- Tiene una vista preliminar actualizada con cada cambio realizado
- Permite descargar el favicon
- ...y todo esto en una sola interfaz, sin registro y de forma gratuita.
Se los recomiendo, yo he utilizado este sistema y me parece muy bueno, ¿qué les parece a ustedes?
