# Web-Manifest sollte 192px Icons enthalten

**URL:** https://meta.discourse.org/t/web-manifest-should-include-192px-icons/186985
**Category:** Feature
**Created:** [15. April 2021 um 17:30 UTC](https://meta.discourse.org/t/web-manifest-should-include-192px-icons/186985 "2021-04-15T17:30:48Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![hjr265](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hjr265/32/115215_2.png) [@hjr265](https://meta.discourse.org/u/hjr265)
#### Post date: [15. April 2021 um 17:30 UTC](https://meta.discourse.org/t/web-manifest-should-include-192px-icons/186985/1 "2021-04-15T17:30:48Z")

</div>

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.

```json
{
   ...
   "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 &nbsp;|&nbsp; Articles &nbsp;|&nbsp; web.dev](https://web.dev/add-manifest/) 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](https://global.discourse-cdn.com/meta/original/3X/5/d/5d2c46ffee8b10a50e52e6b2776b6288f6fa8d5d.jpeg)

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.

---

<div class="post-metadata">

### Author: ![cocococosti](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cocococosti/32/231474_2.png) [@cocococosti](https://meta.discourse.org/u/cocococosti)
#### Post date: [16. April 2021 um 03:59 UTC](https://meta.discourse.org/t/web-manifest-should-include-192px-icons/186985/2 "2021-04-16T03:59:00Z")

</div>

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](https://global.discourse-cdn.com/meta/original/3X/9/5/959418253e5bc5caaf3508de85639cc0313dda07.png)

Auch in Safari getestet:

 ![unnamed](https://global.discourse-cdn.com/meta/original/3X/c/7/c771db656600dba7c7334925f6e2bf240a455d62.jpeg)

Nachdem ich mir den [Code](https://github.com/discourse/discourse/blob/master/spec/components/site_icon_manager_spec.rb#L28) 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.

---

<div class="post-metadata">

### Author: ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [16. April 2021 um 04:40 UTC](https://meta.discourse.org/t/web-manifest-should-include-192px-icons/186985/3 "2021-04-16T04:40:05Z")

</div>

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.

> [@hjr265](#):
>
> Beachte die beiden Symbole für Toph und Drafts? Beide stellen 192-Pixel-Symbole bereit (neben anderen Größen). Früher hatten Toph und Drafts mehrere Symbole, aber keine 192-Pixel-Symbole. Außerdem sahen sie dem Symbol von Community ähnlich (d. h. sie hatten diesen dunklen Rand um den weißen Bereich). Die Community-App in diesem Screenshot ist eine Discourse-Instanz.

Kannst du dies mit Meta/Android Chrome nachstellen?
