Generador de icono maskable para PWA
Importe su logotipo, elija un fondo y genere un icono maskable conforme al estándar de las Progressive Web Apps: el logotipo sigue siendo bien visible incluso cuando el sistema recorta el icono en círculo, en cuadrado redondeado o en cualquier otra forma.
Cómo funciona
Un icono maskable debe llenar todo el cuadrado, bordes incluidos (a diferencia de un icono clásico con márgenes transparentes), porque el sistema operativo aplica después su propia forma de recorte (círculo, cuadrado redondeado, gota...) por encima. El círculo punteado que se muestra en la vista previa representa la zona de seguridad estándar (aproximadamente el 80% del diámetro): cualquier logotipo colocado dentro permanece visible sea cual sea la forma de recorte que aplique el dispositivo del usuario.
¿Debo proporcionar también un icono clásico (no maskable)?
Sí, se recomienda declarar los dos tipos de iconos en el archivo manifest de su PWA (una entrada con "purpose": "any" y otra con "purpose": "maskable"), ya que algunos sistemas no aplican ningún recorte y muestran el icono "any" tal cual.
¿Por qué generar a la vez 192x192 y 512x512?
El formato 192x192 es el tamaño mínimo recomendado para el icono de la pantalla de inicio en la mayoría de los dispositivos Android, mientras que 512x512 se usa para la pantalla de arranque (splash screen) y en los contextos que requieren mayor resolución, como las tiendas de aplicaciones.
Procesamiento 100% local: la composición del icono se realiza íntegramente en su navegador, su logotipo nunca se envía a un servidor.