Favicon

Un favicon es un pequeño icono que identifica un sitio web en un navegador web. La mayoría de los navegadores muestran el favicon de un sitio web en el lado izquierdo de la barra de direcciones, junto a la URL. Algunos navegadores también pueden mostrar el favicon en la pestaña del navegador, junto al título de la página. Los favicons también se guardan automáticamente junto con los marcadores o «favoritos».

Los favicons existen desde principios de la década de 2000 y son compatibles con los principales navegadores web. Sin embargo, cada navegador ofrece una implementación diferente del favicon. Por ejemplo, Firefox, Internet Explorer y Safari muestran favicons en la barra de direcciones, pero Google Chrome solo los muestra en las pestañas de las páginas. La mayoría de los navegadores admite favicons guardados como archivos .GIF, .PNG o .JPG, pero Internet Explorer solo muestra favicons guardados en el formato .ICO.

La forma estándar de implementar un favicon en un sitio web consiste en cargar una imagen pequeña de 16x16 píxeles llamada favicon.ico en el directorio raíz del sitio web. Cuando un usuario carga una página del sitio web en un navegador web, el navegador busca el archivo favicon.ico y, si encuentra uno guardado en un formato compatible, muestra automáticamente el icono junto a la URL o al título de la página. El favicon también se puede especificar en el código HTML de una página web de la siguiente manera:

<link rel="shortcut icon" href="http://www.domain.com/myicon.ico">

El método HTML normalmente reemplaza el favicon guardado en el directorio raíz, lo que puede ser útil si desea mostrar un favicon personalizado para determinadas páginas de un sitio web.

NOTE: El tamaño estándar de un favicon es de 16x16 píxeles, aunque la mayoría de los navegadores también reconocerá favicons guardados como imágenes de 32x32, 48x48 y 64x64 píxeles. Los favicons de más de 16x16 píxeles normalmente se reducen a 16x16 para que se muestren correctamente en el navegador. Sin embargo, los navegadores compatibles con pantallas Retina mostrarán iconos de 32x32 píxeles en su resolución nativa.