Generador de manifest.json (PWA)
Completa los datos del sitio y copia el JSON y las etiquetas del head. Los íconos son los mismos del favicon, en 192 y 512 px.
Cómo usarManifiesto para instalar el sitio en el celular
Archivo de manifiesto
Tags para o <head>
Generador de manifest.json (PWA): para qué sirve
El manifiesto de la aplicación web es el archivo que permite agregar el sitio a la pantalla de inicio del celular con el nombre, el ícono y los colores correctos, y abrirlo sin la barra del navegador.
Completa el nombre, el nombre corto, la descripción, los colores y el modo de visualización y copia el JSON con los íconos de 192 y 512 px que exige Chrome para ofrecer la instalación, más el ícono maskable opcional para Android. Incluye también la etiqueta link rel=manifest, la theme-color y el apple-touch-icon para el iPhone.
Cómo usar
- Completa el nombre, la descripción y los colores.
- Elige el modo de visualización y la carpeta de los íconos.
- Descarga el manifiesto y pega las etiquetas en el head.
Cuándo usar
- Permitir instalar el sitio en el celular.
- Comenzar una PWA.
- Corregir el ícono del acceso directo en la pantalla de inicio.
Preguntas frecuentes
¿Para qué sirve el manifiesto?
Es el archivo que le dice al navegador el nombre, los colores, el ícono y cómo se abre el sitio cuando se agrega a la pantalla de inicio. Con él, el acceso directo en el celular queda con el ícono correcto y puede abrirse sin la barra del navegador, como una aplicación.
¿Qué íconos son obligatorios?
Para que Chrome ofrezca la instalación, el manifiesto necesita íconos de 192 y 512 px, además de name o short_name, start_url y display. Un ícono con purpose maskable evita que Android ponga tu logo pequeño dentro de un círculo blanco.
¿Con solo el manifiesto el sitio ya se vuelve una app?
Ya permite agregarlo a la pantalla de inicio con nombre e ícono.
¿Es gratis de verdad?
Sí, 100% gratis. Sin registro, sin suscripción y sin límite de uso. Todas las herramientas de Tools123 son gratuitas.