El manifiesto web debe incluir iconos de 192px

Contribuir Característica
1

Parece que Discourse proporciona un icono de 512 px en el archivo JSON del manifiesto web. En Configuración del sitio > Marca, solo hay un campo para el icono del manifiesto, lo que sugiere que las imágenes cargadas se escalarán a 512×512 px.

{
   ...
   "icons":[
      {
         "src":"https://community.toph.co/uploads/default/optimized/2X/5/5b9de7676657b71384fb77c662616d73765f0293_2_512x512.png",
         "sizes":"512x512",
         "type":"image/png"
      },
      {
         "src":"https://community.toph.co/uploads/default/optimized/2X/5/5b9de7676657b71384fb77c662616d73765f0293_2_512x512.png",
         "sizes":"512x512",
         "type":"image/png",
         "purpose":"maskable"
      }
   ],
   ...
}

Sin embargo, según https://web.dev/add-manifest/:

Para Chrome, debes proporcionar al menos un icono de 192x192 píxeles y otro de 512x512 píxeles.

He notado que esto también es cierto para Firefox (al menos en un dispositivo LineageOS). Así es como se ve:

photo_2021-04-15_23-25-11
photo_2021-04-15_23-25-11453×605 17.6 KB

Fíjate en los dos iconos de Toph y Drafts. Ambos proporcionan iconos de 192 px (entre otros tamaños). Anteriormente, Toph y Drafts tenían varios iconos, pero ninguno de 192 px. Además, se parecían al icono de Community (es decir, tenían ese relleno oscuro alrededor del área blanca). La aplicación Community en esta captura de pantalla es una instancia de Discourse.

2

Esto parece ser un problema con LineageOS, o tal vez con la versión de tu navegador.

Lo probé en Chrome (versión 89) y Firefox (versión 87) en Android (versión 10) y parece estar bien:

Screenshot from 2021-04-15 23-00-27
Screenshot from 2021-04-15 23-00-27452×236 56.8 KB

También lo probé en Safari:

unnamed
unnamed1125×2001 446 KB

Por lo que veo en el código, parece que tienes razón: el único tamaño es de 512 px. Hay tantos dispositivos, navegadores y tamaños recomendados para cada uno que supongo que es difícil para Discourse cubrirlos todos. 512 px parece funcionar bien para la mayoría, aunque.

4 Me gusta
3

Tengo Meta instalado como una PWA tanto en Firefox como en Chrome en mi teléfono, y el icono de 512px funciona perfectamente para mí.

Podríamos añadir una tarea para redimensionar el icono de 512px, pero si no marca ninguna diferencia en nuestras plataformas oficialmente soportadas, no veo el valor.

¿Puedes reproducir esto con Meta / Chrome en Android?

4 Me gusta