Generador de favicons
Una imagen, todos los tamaños que necesita un sitio
Imagen de origen
Iconos generados
Todavía no se ha generado nada
Suelta una imagen y pulsa generar: los iconos aparecerán aquí.
El ZIP contiene las imágenes de los iconos, site.webmanifest y el fragmento de HTML.
Un favicon ya no es un solo archivo. Los navegadores quieren 16 y 32 píxeles, iOS quiere 180, Android quiere 192 y 512, y cada uno espera encontrarlos de una forma concreta. Sube una imagen cuadrada y obtén el juego completo con el marcado correspondiente.
Cómo se usa
- 1 Suelta una imagen cuadrada, preferiblemente de 512 px o más.
- 2 Por defecto se recorta el centro en cuadrado; desactívalo si prefieres deformar la imagen entera para que encaje.
- 3 Pulsa generar.
- 4 Descarga el ZIP y pega el fragmento de HTML en la cabecera de tus páginas.
Preguntas frecuentes
¿Qué tamaño debe tener la imagen de origen?
Al menos 512×512 y cuadrada. La versión de 16 px se genera reduciendo, así que un origen pequeño o rectangular produce iconos borrosos. Las formas simples y contundentes sobreviven mucho mejor a la reducción que un dibujo con detalle.
¿Sigue haciendo falta favicon.ico?
Rara vez. Todos los navegadores actuales leen iconos PNG desde las etiquetas link. Conserva el .ico solo si tienes que dar soporte a versiones muy antiguas de Internet Explorer o si algo de tu sistema lo busca en la raíz por convención.
¿Para qué sirve site.webmanifest?
Indica a Android y a Chrome qué iconos usar cuando alguien añade tu sitio a la pantalla de inicio, además del nombre de la aplicación y el color del tema. Sin él, Android recurre a una captura de la página.