Generador de Favicon

¿Qué es un generador de favicon?

Un favicon es el pequeño icono que se muestra en las pestañas del navegador, marcadores, resultados de búsqueda y accesos directos de aplicaciones de un sitio web. Habitualmente de 16x16, 32x32 o 48x48 píxeles, los favicons ayudan a los usuarios a identificar tu sitio entre muchas pestañas abiertas. Esta herramienta genera favicons en todos los tamaños y formatos requeridos a partir de una única imagen fuente.

Los sitios web modernos necesitan varios tamaños de favicon: 16x16 y 32x32 para pestañas del navegador, 180x180 para iconos de Apple Touch, 192x192 y 512x512 para accesos directos en pantalla de inicio de Android, y a veces SVG para visualización escalable. Esta herramienta genera todos los tamaños requeridos a partir de una sola subida, además de las etiquetas link HTML necesarias.

Cómo usar esta herramienta

Sube una imagen cuadrada (idealmente al menos 512x512 píxeles). La herramienta genera todos los tamaños y formatos estándar de favicon. Previsualiza cómo se ve cada tamaño. Descarga el paquete completo, incluido el archivo ICO, las versiones PNG y las metaetiquetas HTML para pegar en la sección head de tu sitio.

Tamaños de favicon necesarios

• 16x16 — icono de pestaña del navegador (el tamaño clásico de favicon).
• 32x32 — acceso directo en barra de tareas, pestañas de navegador en alta DPI.
• 180x180 — Apple Touch Icon para pantalla de inicio de iOS.
• 192x192 y 512x512 — pantalla de inicio y splash de Android (manifest PWA).

Consejos de diseño de favicon

Los favicons deben ser reconocibles a tamaños diminutos. Usa formas en negrita, geometría simple y alto contraste. El texto rara vez funciona por debajo de 32x32. Una sola letra o un símbolo abstracto de tu marca es lo más eficaz. Prueba tu favicon a tamaño real (16x16): los detalles que se ven geniales a 512x512 se vuelven manchas invisibles a tamaño favicon. Usa fondo transparente para favicons PNG.

Preguntas frecuentes

¿Cuál es la diferencia entre favicon.ico y favicons PNG?

El formato ICO puede contener varios tamaños en un solo archivo y es compatible con todos los navegadores, incluidos los muy antiguos. Los favicons PNG son más simples (un tamaño por archivo) y los usan los navegadores modernos. La mayoría de los sitios incluyen ambos: un archivo ICO para máxima compatibilidad y PNG/SVG para navegadores modernos. Las etiquetas link HTML indican al navegador cuál usar.

¿Por qué no aparece mi favicon?

Causas comunes: el navegador ha cacheado un favicon antiguo (prueba a borrar la caché o cargar en ventana privada), la ruta del archivo en la etiqueta link HTML es incorrecta, el formato es erróneo o el favicon no está en el directorio raíz. Los navegadores cachean los favicons de forma agresiva: puede tardar días en aparecer un favicon actualizado. Añadir una query string (favicon.ico?v=2) puede forzar una recarga.