Preguntas frecuentes sobre favicons
¿Qué es un favicon?
Un favicon es la imagen pequeña y cuadrada que identifica un sitio web en las pestañas del navegador, los marcadores, el historial y algunos resultados de búsqueda.
La definición corta
favicon es la abreviatura de icono favorito. Es la pequeña imagen que un navegador asocia con un sitio web y utiliza como acceso directo visual cuando el espacio es limitado.
Un favicon no reemplaza el logotipo que se muestra en el encabezado de una página. Le ayuda a identificar el sitio correcto entre pestañas abiertas, marcadores guardados y entradas del historial del navegador.
Donde aparece un favicon
- Junto al título de la página en una pestaña del navegador
- Además de páginas guardadas en marcadores y favoritos
- En el historial del navegador y en la búsqueda de pestañas
- Además de algunos resultados de búsqueda orgánicos
- En accesos directos cuando un sitio proporciona los íconos de plataforma requeridos
Cómo un sitio web configura su favicon
Un sitio normalmente declara el icono en el documento. <head> con un elemento de enlace. Los navegadores también pueden buscar /favicon.ico en la raíz del sitio cuando no hay ningún enlace de icono presente.
<link rel="icon" href="/favicon.ico" />La mayoría de los sitios publican más de un archivo para que los navegadores, las pantallas de alta densidad, los accesos directos de iOS y las aplicaciones web instaladas puedan seleccionar un tamaño adecuado.
¿Qué hace que un favicon funcione bien?
Comience con ilustraciones cuadradas, elimine el texto pequeño y los detalles finos y pruébelo en 16x16 y 32x32 píxeles. Una letra, un símbolo o una parte simplificada de su logotipo generalmente sobrevive mejor a la reducción que una marca denominativa completa.
Para una guía más profunda, lea ¿Qué es un favicon? (English). También puede revisar la definición del navegador en la Glosario MDN favicon.
¿Listo para crear tu favicon?
Genere los archivos comunes y un fragmento HTML listo para pegar.