Agregar icono personalizado en la barra de herramientas

Más de uno hemos preguntado cómo hacer que aparezca una imagen personalizado en la barra de direccion o en favoritos.

Para realizar esta tarea debemos tener previamente una imagen en formato *.ico. Podemos crear un icono utilizando softwares como microangelo, utilizar herramientas online para generar iconos gratis desde una imagen de cualquier extensión o podemos descargarlo un icono prediseñado en este formato desde una galería de iconos gratis.

Una vez que tengamos el icono, renombrar como favicon.ico y subir al directorio raiz del sitio y agregar <link rel=”shortcut icon” href=”/favicon.ico”> entre las etiquetas <head> de todas las páginas.

En caso de subir el favicon.ico en un directorio diferente a la raiz o tiene otro nombre, debemos especificar la ubicación de nuestro icono entre las etiquetas <head> de todas las páginas.