Web manifest deve incluir ícones de 192px

Contribuir Funcionalidade
1

Parece que o Discourse fornece um ícone de 512px no arquivo JSON do manifest da web. Nas configurações do site, em marcação, há apenas um campo para ícone do manifest, o que sugere que as imagens carregadas serão redimensionadas para 512×512px.

{
   ...
   "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"
      }
   ],
   ...
}

No entanto, de acordo com https://web.dev/add-manifest/:

Para o Chrome, você deve fornecer pelo menos um ícone de 192x192 pixels e um de 512x512 pixels.

Notei que isso também é verdadeiro para o Firefox (pelo menos em um dispositivo LineageOS). Veja como fica:

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

Observe os dois ícones para Toph e Drafts? Ambos fornecem ícones de 192px (entre outros tamanhos). Anteriormente, Toph e Drafts tinham vários ícones, mas não os de 192px. Além disso, eles apareciam semelhantes ao ícone do Community (ou seja, tinham aquela borda escura ao redor da área branca). O aplicativo Community nesta captura de tela é uma instância do Discourse.

2

Parece ser um problema com o LineageOS ou talvez a versão do seu navegador.

Testei isso no Chrome (versão 89) e no Firefox (versão 87) no Android (versão 10) e parece estar correto:

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

Também testei no Safari:

unnamed
unnamed1125×2001 446 KB

Pelo que vejo no código, parece que você está correto: o único tamanho é 512 px. Existem tantos dispositivos, navegadores e tamanhos recomendados para cada um que acho difícil para o Discourse cobrir todos. 512 px parece funcionar bem para a maioria, no entanto.

4 curtidas
3

Tenho o Meta instalado como um PWA usando tanto o Firefox quanto o Chrome no meu celular, e o ícone de 512px funciona perfeitamente para mim.

Podemos adicionar uma tarefa para redimensionar o ícone de 512px, mas se não fizer diferença nas nossas plataformas oficialmente suportadas, não vejo valor nisso.

Você consegue reproduzir isso com o Meta / Android Chrome?

4 curtidas