Il web manifest dovrebbe includere icone da 192px

Contribuisci Funzionalità
1

Sembra che Discourse fornisca un’icona da 512 px nel file JSON del manifest web. Nelle impostazioni del sito, sotto branding, c’è un solo campo per l’icona del manifest, il che suggerisce che le immagini caricate verranno ridimensionate 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"
      }
   ],
   ...
}

Tuttavia, secondo https://web.dev/add-manifest/:

Per Chrome, devi fornire almeno un’icona da 192×192 pixel e un’icona da 512×512 pixel.

Ho notato che vale anche per Firefox (almeno su un dispositivo LineageOS). Ecco come appare:

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

Notate le due icone per Toph e Drafts? Entrambe forniscono icone da 192 px (tra altre dimensioni). In precedenza, Toph e Drafts avevano diverse icone, ma non quelle da 192 px. Inoltre, apparivano simili all’icona di Community (cioè avevano quel bordo scuro attorno all’area bianca). L’app Community in questo screenshot è un’istanza di Discourse.

2

Sembra che si tratti di un problema con LineageOS, o forse della versione del tuo browser.

L’ho testato su Chrome (versione 89) e Firefox (versione 87) su Android (versione 10) e sembra funzionare correttamente:

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

L’ho anche testato su Safari:

unnamed
unnamed1125×2001 446 KB

Da quanto vedo nel codice, sembra che tu abbia ragione: l’unica dimensione è 512 px. Ci sono così tanti dispositivi, browser e dimensioni consigliate per ciascuno che immagino sia difficile per Discourse coprirli tutti. 512 px sembra funzionare bene per la maggior parte, comunque.

4 Mi Piace
3

Ho installato Meta come PWA sia con Firefox che con Chrome sul mio telefono e l’icona da 512px funziona perfettamente per me.

Potremmo aggiungere un’attività per ridimensionare l’icona da 512px, ma se non fa alcuna differenza sulle nostre piattaforme ufficialmente supportate, non vedo il valore.

Puoi riprodurre questo problema con Meta / Android Chrome?

4 Mi Piace