Generador de favicon e iconos de app (PNG, ICO, manifest)
Convierte una imagen o una o dos letras en un conjunto completo de favicon e iconos de app de 16 a 512 px, con ICO, apple-touch-icon y un fragmento de manifest, guardado en zip. Nada sale de tu navegador
Cargando la herramienta…
Crea un conjunto completo de favicon e iconos de app a partir de un logotipo o de una o dos letras: todos los tamaños de 16 a 512 px, un favicon.ico, un apple-touch-icon y un manifest en una sola descarga, para un sitio nuevo o una app añadida a la pantalla de inicio.
Cómo se usa
- En "Crear a partir de", elige "Letras" o "Imagen". Escribe uno o dos caracteres en "Letras", o suelta un archivo de imagen o pulsa "Cargar ejemplo".
- Ajusta "Forma del fondo", "Color de fondo" y "Margen interior"; la vista previa se actualiza al instante. Las imágenes también admiten "Fondo transparente".
- "Nombre de la app o del sitio" y "Nombre corto" se escriben en site.webmanifest. Para Android, activa "Crear también iconos enmascarables".
- Pulsa "Guardar como zip", sube los archivos a la raíz del sitio y copia el "Fragmento para el head de HTML" dentro del elemento head.
Cómo funciona
- Primero se dibuja un original de 512 px y se reduce a la mitad paso a paso hasta obtener los PNG de 16, 32, 48, 180, 192 y 512 px, para que las líneas finas se mantengan nítidas en tamaños pequeños.
- favicon.ico contiene los PNG de 16, 32 y 48 px dentro del contenedor ICO; los navegadores actuales leen directamente los datos PNG de un ICO.
- Un icono enmascarable mantiene su contenido dentro de la zona segura central del 80 %, de modo que Android puede recortarlo en círculo o cuadrado redondeado sin cortar nada.
- Las imágenes y el texto se procesan solo en este navegador y nunca se suben. Los ajustes se guardan en este navegador para la próxima visita.
Preguntas frecuentes
- ¿De qué tamaño debe ser un favicon?
- Las pestañas del navegador usan 16 y 32 px, los accesos directos 48 px, la pantalla de inicio del iPhone 180 px, y las instalaciones de Android o PWA 192 y 512 px. Esta página crea los seis a la vez.
- ¿Sigo necesitando un archivo .ico?
- Ayuda con navegadores antiguos y con clientes que piden /favicon.ico automáticamente. También se incluyen enlaces PNG, así que los navegadores actuales prefieren los archivos PNG.
- ¿Qué fuente se usa en los iconos de letras?
- Una fuente del sistema instalada en tu dispositivo, de la familia que elijas. Otro dispositivo puede dibujar la misma familia con una fuente distinta.
- ¿Puede el icono tener fondo transparente?
- Sí, con imágenes: activa "Fondo transparente" y el fondo del PNG queda vacío. Los iconos de letras siempre tienen color de fondo.