La palabra favicon es una palabra compuesta por “favorite” e “icon” = favicon.
Se trata de la pequeña imagen que aparece en la pestaña o barra de direcciones de la página en la que nos encontramos, a modo de pequeño logo o distintivo de la web. Y es la misma imagen que aparecerá cuando añadamos esa página a nuestros favoritos y bookmarks.
Por lo general funciona en todos los navegadores, aunque puede dar problemas algunas veces, como por ejemplo en caso de utilizar gestores de contenido, como es el caso de Joomla y WordPress.
Se trata de una imagen no mayor de 96px*96px, siempre debe ser cuadrada, en caso contrario puede dar error y no salir.
Puedes utilizar varias herramientas para crear tu favicon, por ejemplo Photoshop, Corel, Illustrator, The Gimp ,y otras herramientas online como Favicon from Pics.
Lo que es básico es que te de la opción de guardar con la extensión “.ico”. Sin olvidar que SIEMPRE debe llamarse “favicon.ico”
La manera de insertarlo dentro de tu web es la siguiente
<link type="image/x-icon" href="favicon.ico" rel="icon" />
O de esta manera
<link type="image/x-icon" href="favicon.ico" rel="shortcut icon" />
