Stay organized with collections
Save and categorize content based on your preferences.
Maskeerbare pictogrammen zijn een nieuw pictogramformaat dat ervoor zorgt dat uw PWA-pictogram er geweldig uitziet op alle Android-apparaten. Op nieuwere Android-apparaten krijgen PWA-pictogrammen die niet het maskeerbare pictogramformaat volgen een witte achtergrond. Wanneer u een maskeerbaar pictogram gebruikt, zorgt dit ervoor dat het pictogram alle ruimte in beslag neemt die Android ervoor biedt.
Hoe de Lighthouse-maskerbare pictogramaudit mislukt
Lighthouse markeert pagina's die geen maskerbare pictogramondersteuning hebben:
Om de audit te doorstaan:
Er moet een web-app-manifest bestaan.
Het web-app-manifest moet een icons hebben.
De icons moet één object met een purpose bevatten, en de waarde van die purpose moet maskable bevatten.
Ondersteuning voor maskeerbare pictogrammen toevoegen aan uw PWA
Gebruik Maskable.app Editor om een bestaand pictogram te converteren naar een maskeerbaar pictogram.
Voeg de eigenschap purpose toe aan een van de icons in uw webapp-manifest . Stel de waarde van purpose in op maskable . Zie Waarden .