Generador de Favicons
Genera favicons en todos los tamaños desde cualquier imagen. Descarga como ZIP con manifiesto y enlaces HTML.
Reportar un problema
¿Encontraste un error o tienes una sugerencia? Ayúdanos a mejorar esta herramienta.
¿Qué es esta herramienta?
El Generador de Favicons crea todos los iconos que necesita un sitio web a partir de una sola imagen de origen. Genera favicon.ico (16x16, 32x32, 48x48), Apple Touch Icon (180x180), iconos Android Chrome (192x192, 512x512), site.webmanifest y browserconfig.xml. Descarga todo como un paquete ZIP listo para desplegar, con el código de integración HTML.
Cómo usar
- 1
Subir imagen
Sube una imagen PNG, JPG o SVG (se recomienda 512x512 o mayor).
- 2
Vista previa de tamaños
Mira cómo se ve tu imagen en diferentes tamaños de favicon.
- 3
Descargar todo
Descarga un ZIP con todos los tamaños de iconos, los archivos de manifiesto y el código de integración HTML.
Preguntas frecuentes
¿Qué es un favicon?
Un favicon (de favorite icon, icono favorito) es el pequeño icono que se muestra en las pestañas del navegador, los marcadores y la barra de direcciones. Ayuda a los usuarios a identificar tu sitio web de un vistazo. Los sitios web modernos necesitan varios tamaños: 16x16 y 32x32 para navegadores, 180x180 para dispositivos Apple y 192x192/512x512 para Android.
¿Qué formato de imagen debo usar?
Usa una imagen PNG de alta resolución (512x512 o mayor) con fondo transparente para obtener los mejores resultados. PNG admite transparencia, lo que es importante para mostrar los iconos correctamente sobre distintos colores de fondo. El generador creará automáticamente todos los tamaños y formatos necesarios.
¿Cómo instalo los favicons generados?
Sube todos los archivos al directorio raíz de tu sitio web. El ZIP incluye un archivo HTML-links.txt con todas las etiquetas de enlace HTML: pégalas en la sección <head> de tu página.
¿Qué es site.webmanifest?
El Web App Manifest es un archivo JSON que indica a los navegadores cómo debe verse tu sitio cuando se instala como aplicación. Especifica iconos, modo de visualización, nombre y color de tema. Los navegadores modernos (Chrome, Edge, Firefox) lo usan para mostrar los iconos de tu PWA (Progressive Web App).
¿Necesito browserconfig.xml?
El archivo browserconfig.xml solo se necesita para personalizar los mosaicos de Microsoft Edge e Internet Explorer. Si solo apuntas a navegadores modernos, es opcional. Sin embargo, incluirlo garantiza compatibilidad completa en todos los navegadores.
¿Cómo creo un favicon?
Sube un logotipo o cualquier imagen cuadrada, y la herramienta genera el conjunto completo de tamaños de favicon (de 16×16 a 512×512) más un favicon.ico, un site.webmanifest y un browserconfig.xml para que el icono funcione en navegadores, pestañas y pantallas de inicio. Después instálalos: coloca los archivos en la raíz de tu sitio, añade las etiquetas link que genera la herramienta y limpia la caché de tu navegador para ver el nuevo icono.