Guía del web app manifest
Un web app manifest (site.webmanifest) indica a los navegadores instalables el nombre de tu app, los colores y qué tamaños de icono usar en la pantalla de inicio. Combínalo con iconos PNG de 192×192 y 512×512 para completar la configuración de favicon PWA.
Enlaza el manifest con <link rel="manifest" href="/site.webmanifest">. Dentro del JSON, el array de iconos debe incluir al menos entradas de 192×192 y 512×512 con type image/png y purpose any (añade variantes maskable para los iconos adaptativos de Android si lo necesitas).
Define theme_color y background_color con los colores de tu marca — controlan la barra del navegador y la pantalla de splash durante la instalación.
Cómo funciona
- 1
Genera los iconos PNG
192 y 512 con nuestro paquete generador de favicons.
- 2
Crea site.webmanifest
Incluye name, short_name, icons, theme_color y display.
- 3
Enlázalo en el HTML
<link rel="manifest" href="/site.webmanifest"> más la meta de theme-color.
Pruébalo ahora
Genera el paquete de iconos PWA
Generador de FaviconPreguntas frecuentes
¿Es obligatorio un manifest para un sitio web básico?+
No — solo si quieres habilitar la instalación en pantalla de inicio o una experiencia Android más completa. Para las pestañas basta con favicon.ico.
¿Qué tamaños de icono van en el manifest?+
192×192 y 512×512 son obligatorios para los prompts de instalación. Añade 384 o iconos maskable para un acabado más pulido.
¿Puedo usar SVG en el manifest?+
Chromium lo admite en algunos casos, pero PNG es la opción segura para las UI de instalación entre navegadores.
Herramientas relacionadas
Generador de Favicon
Genera un pack completo de favicons (ICO + PNGs) para cada dispositivo y navegador.
Convertidor de PNG a ICO
Convertidor online gratuito de PNG a ICO para iconos de Windows, apps y favicons de sitios web.
Redimensionar imagen
Cambia el tamaño de imágenes PNG, JPG y WebP a dimensiones exactas.