Crea un favicon que siga viéndose bien a 16 px. Usa una imagen, texto o emoji, prévisualízalo en contextos reales y descarga un paquete listo para producción.
🔒 Tu imagen nunca sale de este navegador.
Vista previa del diseño
¿Cómo se ve pequeño?
64px48px32px24px16px
Exportar
Descargar tu paquete favicon
Incluye ICO, PNG, Apple, manifiesto PWA y guía de instalación.
Usa estas etiquetas en la cabecera HTML.
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
Conceptos de favicon
Más que un logo reducido: una marca nítida a tamaños reales.
ICO, PNG y SVG
ICO es ampliamente compatible. PNG sirve tamaños concretos. SVG solo es adecuado si la fuente es un vector seguro real.
Cómo añadir un favicon
El paquete incluye guía para HTML, Next.js y React/Vite. Elige un método de instalación.
Consejos para modo oscuro
Revisa las vistas previas clara y oscura antes de exportar. Una marca oscura puede desaparecer en la interfaz oscura del navegador.
Renderizado de Google
Google controla el renderizado final del favicon. Mantén el icono cuadrado, estable y rastreable; las actualizaciones pueden tardar.
Preguntas frecuentes
Preguntas frecuentes del generador de favicon
¿Qué es un favicon?
Es el pequeño icono cuadrado que se muestra en pestañas, marcadores y algunos resultados de búsqueda.
¿Qué tamaños necesito?
El paquete incluye ICO y PNG de 16, 32, 180, 192 y 512 píxeles para usos habituales.
¿Se sube mi imagen?
No. La decodificación, el dibujo y la exportación se ejecutan en el navegador.
¿Es un generador de favicon con IA?
No. Esta herramienta crea archivos favicon desde una imagen, texto o emoji, sin afirmar que genere logos con IA.
¿Por qué mi favicon se ve borroso?
Los iconos pequeños necesitan una marca clara y de alto contraste. Usa las vistas reales de 16 y 32 px para reducir el margen o simplificar detalles.
