¿Qué es un favicon?
Un favicon (abreviatura de 'favorites icon') es el pequeño icono que se muestra en las pestañas del navegador, marcadores, historial y pantallas de inició móviles. Originalmente un simple archivo ICO de 16×16 píxeles, los favicons modernos abarcan múltiples tamaños y formatos para soportar pantallas de alta densidad, manifiestos PWA y requisitos de iconos específicos de plataforma. Un favicon bien diseñado fortalece el reconocimiento de marca y mejora la experiencia del usuario.
Por qué importan los favicons
Los favicons sirven como huella visual de tu sitio web. Aparecen en pestañas, barras de marcadores, resultados de búsqueda, pantallas de instalación PWA y accesos directos móviles. Un favicon ausente o mal renderizado señala falta de atención al detalle y puede reducir la confianza del usuario. Los motores de búsqueda también usan favicons en resultados móviles, convirtiéndolos en un componente significativo de tu estrategia SEO y de marca.
Tamaños y formatos requeridos
Los sitios modernos deben proporcionar favicons en varios tamaños: 16×16 y 32×32 para pestañas clásicas, 48×48 para la barra de tareas de Windows, 180×180 para Apple touch icons, y 192×192 más 512×512 para manifiestos PWA. El formato ICO soporta múltiples tamaños en un solo archivo. PNG ofrece renderizado nítido en pantallas de alta densidad. Los favicons SVG son independientes de resolución y soportados por navegadores modernos.
Mejores prácticas
Comienza con un diseño simple y reconocible — los favicons se ven a tamaños muy pequeños, así que evita detalles finos. Usa fondo transparente para formatos PNG y SVG. Prueba tu favicon en diferentes navegadores y dispositivos. Incluye todos los tamaños en el head HTML con las etiquetas link apropiadas. Nuestro generador crea todos los formatos automáticamente desde una sola subida.
