Cómo hacer un favicon a partir de una imagen
Publicado el 9 de septiembre de 2026 · 3 min de lectura
Un sitio web moderno necesita más que un solo favicon.ico — diferentes dispositivos y plataformas solicitan diferentes tamaños y formatos de icono, desde pestañas de navegador hasta pantallas de inicio de iOS y iconos de aplicaciones Android. Esta herramienta genera todo el conjunto a partir de una imagen fuente en una sola pasada.
Probar Generador de faviconPasos
- 1
Abre la herramienta Generador de favicon
Ve al generador de favicon.
- 2
Sube tu logo o imagen de icono
Elige una imagen cuadrada con detalle claro y simple — los favicons se ven muy pequeños.
- 3
Genera
La herramienta crea cada tamaño requerido: favicon.ico multi-resolución, icono táctil de Apple, iconos de Android Chrome, y mstile.
- 4
Descarga el paquete
Obtén un ZIP con cada archivo de icono más un site.webmanifest listo para usar.
Preguntas frecuentes
Un favicon.ico multi-resolución, iconos PNG individuales en tamaños estándar (16, 32, 48, 150, 180, 192, 512 px), y un archivo site.webmanifest que los referencia correctamente.
Una imagen cuadrada simple y de alto contraste o logo — el detalle intrincado tiende a desaparecer en los tamaños pequeños en los que realmente se muestran los favicons.
Sube los archivos a la raíz de tu sitio y enlaza el manifiesto e iconos en el head de tu HTML — pasos estándar para cualquier paquete de favicon, bien documentados para cualquier plataforma que estés usando.
Como cada tamaño se genera localmente en una pasada, obtienes un conjunto de iconos completo y consistente sin redimensionar manualmente una imagen media docena de veces.