PWA-Manifest-Icons prüfen

Fügen Sie den JSON-Inhalt Ihrer manifest.json ein, um vor der Veröffentlichung Ihrer Progressive Web App das Vorhandensein der empfohlenen Icon-Größen (192x192, 512x512), des Purpose „maskable“ und korrekter Formate zu prüfen.

Beispiel:

So funktioniert es

Ein technisch gültiges PWA-Manifest in JSON kann trotzdem die Icons vermissen lassen, die Browser für das Angebot zur Installation erwarten, oder Icons deklarieren, die auf Android mangels „maskable“-Bereich falsch zugeschnitten werden. Dieses Tool analysiert das Array icons Ihres Manifests und listet die häufigsten Probleme auf: fehlende Größen, fehlender Purpose „maskable“, ungewöhnliche Formate oder fehlende Pflichtfelder.

Warum werden die Größen 192x192 und 512x512 empfohlen?

Das sind die beiden Größen, die Browser und Betriebssysteme am häufigsten erwarten, um das Icon auf dem Startbildschirm (192x192) und in Kontexten mit höherer Auflösung wie dem Startbildschirm beim App-Start (512x512) anzuzeigen. Ohne sie weigern sich manche Browser schlichtweg, die Installation der Anwendung anzubieten.

Was ist ein „maskable“ Icon?

Ein Icon mit "purpose": "maskable" wird mit einer ausreichend großen zentralen Sicherheitszone gestaltet, damit es je nach Android-System des Nutzers in verschiedene Formen (Kreis, abgerundetes Quadrat, Tropfen ...) zugeschnitten werden kann, ohne dass wichtige Teile des Logos abgeschnitten werden. Ohne ein eigenes maskable Icon kann Android einen automatischen Zuschnitt anwenden, der das Bild verzerrt oder beschneidet.

Datenschutz: Der eingefügte Inhalt wird vollständig in Ihrem Browser analysiert, es werden keine Daten an einen Server gesendet.