Favicon

¿Qué es un favicon?

La palabra favicon deriva de los términos en inglés favorite e icon.
Es el ícono que vemos en muchos sitios Webs en la barra de direcciones, en el bookmark y en el menú de los favoritos.

¿Cuál es la función de un favicon?

Por lo general el favicon es el logo de la empresa o un símbolo que la distingue y que nos ayuda a recordar el sitio antes visitado y guardado en el bookmark o en los favoritos.

Características del favicon

Un favicon está compuesto por una pequeña imagen con estas características:

Dimensiones: 16 píxeles x 16 píxeles
Formato: .ico (no usar jpg, bmp, gif, png, etc.)
Colores: se recomienda usar los 16 colores básicos

Por su tamaño tan pequeño debe ser claro y fácil de entender.

¿Cómo crear un favicon?

Buscas o creas la imagen (jpg, gif, png, etc.) que desees convertir a un favicon con estensión .ico.
Elijes entre los diferentes programas que la pueden trasformar:

Microangelo
Gimp
Etc...

O de forma más simple, por medio de algún sitio Web:

Luego de ingresar la imagen a transformar y enviarla, nos devuelve la misma imagen en formato ico y de 16 píxeles x 16 píxeles.
Esta imagen es el favicon que vamos a usar en nuestro sitio Web.
La guardamos en nuestro disco rigido.

¿Dónde y cómo instalar el favicon?

Subimos el archivo favicon.ico al directorio raiz (p.ej: www.susitio.com/favicon.ico).
En cada una de las páginas de nuestro sitio Web debemos agregar entre las etiquetas <head> y </head> la siguiente línea, con un elemento <link>

¡¡¡Listo, el favicon está creado!!!