Un favicon de lenguaje de marcado de hipertexto (HTML) es una pequeña imagen gráfica que generalmente sirve como un recordatorio visual útil para un determinado sitio web. Es más comúnmente visible en la barra de direcciones de la mayoría de los navegadores web modernos, así como en los marcadores o la lista de favoritos del usuario, dando lugar al término icono de favoritos o favicon. Un favicon HTML tiene múltiples propósitos, incluida la marca del sitio web y una mayor facilidad de uso para los visitantes. Configurar un favicon HTML implica crear una imagen compatible y designar su ubicación dentro del código HTML del sitio web.
Los sitios web que usan un favicon HTML son muy comunes, probablemente debido al proceso de configuración relativamente fácil y al beneficio de una mayor conciencia de los visitantes. Cuando un visitante marca o agrega un sitio web a la lista de favoritos de su navegador, en la mayoría de los casos, el favicon será visible en esta lista. Esto puede hacer que el sitio sea más evidente visualmente en la lista y puede permitir que el visitante regrese al sitio web más fácilmente. Además de los navegadores web estándar, los favicons generalmente son visibles en otros dispositivos habilitados en línea o aplicaciones capaces de recuperarlos, como teléfonos móviles.
Agregar un favicon a un sitio web es parte del diseño general del sitio web. A menudo, los diseñadores de sitios web utilizarán un favicon que representa el logotipo del sitio web, lo que puede ayudar en las prácticas de marca. Una imagen rápidamente reconocible utilizada como favicon puede mostrarse en ubicaciones distintas a los marcadores o la lista de favoritos de un visitante, lo que aumenta aún más su utilidad. Por ejemplo, otros sitios web, como servicios de agregación de publicaciones de blogs o noticias, pueden utilizar el favicon u otros gráficos de identificación al proporcionar un enlace al sitio web. El uso de un favicon HTML que sea similar a un logotipo u otras imágenes gráficas puede ayudar a los visitantes a recordar y reconocer constantemente un sitio web en particular.
La imagen utilizada para un favicon HTML debe seguir ciertas pautas para que se muestre correctamente. Se requiere un tamaño de 16 x 16 píxeles o 32 x 32 píxeles, y la profundidad de color debe ser de 8 o 24 bits. Una vez que se crea la imagen, debe cargarse en Internet, generalmente en el mismo servidor que aloja el sitio web, o el sitio web debe hacerla accesible de otra manera. Una vez que el favicon está disponible, se debe agregar un pequeño fragmento de código, que designa la ubicación de la imagen y le dice al sitio web que la muestre correctamente, a la sección de encabezado del código HTML.