Desde hace unos años, los navegadores permiten incluir tanto en la barra de navegación como en los listados de preferidos un icono (.ico).
El código HTML a utilizar para incluir el icono se representa en la siguiente línea de código:
Este código tiene que ir dentro de la cabecera HEAD de la página web.
Es bueno utilizar el nombre de favicon.ico para el icono, ya que muchos navegadores lo descargan y lo ponen en la barra de navegación sin necesidad de incluir el código HTML en las páginas.
Hay que tener en cuenta una serie de consideraciones:
- El fichero del icono deberá de tener unas dimensiones de 16×16.
- Para algunos navegadores necesitaremos el añadir la dirección web a los favoritos para que el navegador empiece a mostrar el icono en la barra de navegación
- El fichero con el icono podrá estar en cualquier servidor o directorio. En tal caso podremos reflejarlo mediante direcciones absolutas (https://lineadecodigo.com/favicon.ico) o relativas (/imagenes/favicon.ico).
Un buen programa para diseñar nuestros iconos es el Microangelo, del cual puedes descargar una trial en http://www.microangelo.us/.
