¿Por qué convertir WEBMANIFEST a PNG?
Las búsquedas de webmanifest a .png provienen de desarrolladores que ven entradas de iconos en el manifiesto y necesitan los archivos de imagen reales a los que apuntan dichas entradas. Una PWA normalmente necesita un PNG de 192x192, un PNG de 512x512 y un PNG «maskable» de 512x512, todos generados desde una fuente de alta resolución. El manifiesto solo los referencia; las herramientas crean los píxeles y devuelven el fragmento JSON.
Cómo convertir WEBMANIFEST a PNG
pwa-asset-generator OPEN-SOURCE
Ejecuta npx pwa-asset-generator logo.svg ./icons para generar automáticamente los PNG de iconos y «splash», y actualizar el manifiesto y el HTML.
Acerca de estos formatos
Un archivo .webmanifest es un pequeño archivo de texto JSON que indica a un navegador cómo instalar y mostrar una Progressive Web App, incluyendo su nombre, iconos, URL de inicio y colores.…
Abrir detalles de .WEBMANIFEST →
.PNG
Portable Network Graphics
Un PNG (Portable Network Graphics) es un formato de imagen ráster sin pérdida. Todos los sistemas operativos modernos, navegadores y aplicaciones de imagen abren archivos PNG de forma…
Abrir detalles de .PNG →Calidad y qué observar
- El manifiesto no contiene datos de imagen, por lo que la calidad depende totalmente del logo de origen que proporciones; comienza con 512x512 o más.
- Los PNG «maskable» necesitan un margen de seguridad alrededor del logo, o Android recortará bordes importantes.
- Los iconos generados no reemplazan nada automáticamente; debes copiar el nuevo bloque
iconsen tu manifiesto.
Preguntas frecuentes
¿Puedo extraer PNGs del propio archivo de manifiesto?
¿Qué tamaños necesito?
¿Qué imagen de origen funciona mejor?
¿Las herramientas actualizarán mi manifiesto?
icons listo; las herramientas de CLI como pwa-asset-generator pueden escribirlo por ti.
