Generador de Iconos PWA: Crea Iconos Enmascarables y Manifest

Crea y exporta rápidamente todos los iconos necesarios para tu aplicación web progresiva, incluyendo versiones enmascarables.

Privacidad ante todo

  • Los archivos nunca salen de tu navegador
  • Sin carga a servidores
  • Todo se procesa localmente en tu dispositivo

¿Qué es un Icono PWA y por qué es necesario un 'Icono Maskable'?

Un icono PWA es el símbolo visual de tu web app cuando se 'instala'. Los sistemas Android modernos usan 'Iconos Maskable' para recortar los iconos en varias formas. Un icono maskable tiene una 'zona segura' designada, asegurando que tu marca permanezca visible a través de diferentes temas de dispositivos.

3 Pasos para un Pack de Iconos PWA Profesional

Sin dolores de cabeza por codificación o archivos de manifiesto. Aprende a completar tu proyecto de iconos PWA desde tu navegador en segundos.

  1. Sube tu Icono Maestro (512x512): Usa un PNG para resultados más nítidos.
  2. Generación de Iconos Maskable y Estándar: El escalado y cumplimiento de estándares se manejan instantáneamente.
  3. Copia el Fragmento de Manifiesto y Descarga: Obtén el código y archivos para el 100/100 en puntuación de Lighthouse.

Ventajas de Pixes.app

Cumplimiento de Lighthouse para una puntuación perfecta. Generamos tanto las imágenes como el código manifest.json. Todo ocurre localmente en el navegador para 100% de privacidad. Gratis, rápido y sin registro. Estándares 2026 para Android e iOS soportados.

¿Cómo usar esta herramienta?

  1. Elige tu imagen de mayor resolución, preferiblemente 512x512 en formato PNG. Haz clic en 'Seleccionar imagen'.
  2. Una vez subido, nuestra herramienta genera las versiones 192x192 (General), 512x512 (Splash Screen) y 'maskable-icon-512x512' simultáneamente.
  3. Generamos el array de 'icons' que necesitarás pegar en tu archivo manifest.json. Haz clic en 'Copiar Código' y descarga el set completo en un ZIP.

Herramientas relacionadas

Preguntas frecuentes (FAQ)

¿Qué formato de archivo es mejor para PWA?
El formato PNG es el estándar obligatorio. Los PNG transparentes son los mejores para la compatibilidad.
¿Qué es un icono 'Maskable'?
Permite que Android le dé forma a tu icono en varias formas sin cortar tu logo.
¿Qué iconos debo añadir a mi manifest.json?
Al menos de 192x192 y 512x512. Nuestra herramienta te da el bloque de código completo.
¿Por qué mi icono PWA no aparece tras la instalación?
Suele deberse a una ruta incorrecta en el manifest.json. Asegúrate de que las rutas coincidan con la estructura de carpetas de tu proyecto.