Web-Manifest sollte 192px Icons enthalten

Beitragen Merkmal
1

Es scheint, dass Discourse ein 512-Pixel-Symbol in der Web-Manifest-JSON-Datei bereitstellt. Unter den Site-Einstellungen im Bereich „Branding“ gibt es nur ein Feld für das Manifest-Symbol, was darauf hindeutet, dass hochgeladene Bilder auf 512×512 Pixel skaliert werden.

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

Laut Add a web app manifest  |  Articles  |  web.dev gilt jedoch:

Für Chrome müssen Sie mindestens ein 192×192 Pixel großes Symbol und ein 512×512 Pixel großes Symbol bereitstellen.

Ich habe festgestellt, dass dies auch für Firefox zutrifft (zumindest auf einem LineageOS-Gerät). So sieht es aus:

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

Beachten Sie die beiden Symbole für Toph und Drafts? Beide bieten 192-Pixel-Symbole (neben anderen Größen). Früher hatten Toph und Drafts mehrere Symbole, aber keine 192-Pixel-Symbole. Zudem sahen sie dem Symbol von Community ähnlich (hatten also diesen dunklen Rand um den weißen Bereich). Die Community-App in diesem Screenshot ist eine Discourse-Instanz.

2

Dies scheint ein Problem mit LineageOS oder möglicherweise der Version Ihres Browsers zu sein.

Ich habe dies in Chrome (Version 89) und Firefox (Version 87) unter Android (Version 10) getestet, und es sieht gut aus:

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

Auch in Safari getestet:

unnamed
unnamed1125×2001 446 KB

Nachdem ich mir den Code angesehen habe, scheint es, dass Sie recht haben: Die einzige Größe beträgt 512 Pixel. Es gibt so viele Geräte, Browser und empfohlene Größen für jeden einzelnen, dass es für Discourse wohl schwierig ist, alle abzudecken. 512 Pixel scheinen jedoch für die meisten Fälle gut zu funktionieren.

4 „Gefällt mir“
3

Ich habe Meta als PWA sowohl mit Firefox als auch mit Chrome auf meinem Handy installiert, und das 512-Pixel-Symbol funktioniert bei mir einwandfrei.

Wir könnten eine Aufgabe hinzufügen, um das 512-Pixel-Symbol zu verkleinern, aber wenn es bei unseren offiziell unterstützten Plattformen keinen Unterschied macht, sehe ich keinen Nutzen.

Kannst du dies mit Meta/Android Chrome nachstellen?

4 „Gefällt mir“