I built an progressive web app (PWA), and published it in the play store. (currently only as a test).
On my mobile phone, when I download the application, the size of the icon/tile is correct.
However, when I download the application from the play store, somehow the icon/tile gets too big and exceeds the outer limits.
On the screenshot the left app downloaded from perdisco.nl, and the right one downloaded from the play store.
The webmanifest looks like below. Any suggestions ?
{
"name": "Perdisco",
"short_name": "Perdisco",
"theme_color": "#c2d4c3",
"background_color": "#c2d4c3",
"display": "standalone",
"scope": "./",
"start_url": "./",
"icons": [
{
"src": "assets/icons/icon-36x36.png",
"sizes": "36x36",
"type": "image/png",
"purpose": "maskable any"
},
{
"src": "assets/icons/icon-48x48.png",
"sizes": "48x48",
"type": "image/png",
"purpose": "maskable any"
},
{
"src": "assets/icons/icon-72x72.png",
"sizes": "72x72",
"type": "image/png",
"purpose": "maskable any"
},
{
"src": "assets/icons/icon-96x96.png",
"sizes": "96x96",
"type": "image/png",
"purpose": "maskable any"
},
{
"src": "assets/icons/icon-128x128.png",
"sizes": "128x128",
"type": "image/png",
"purpose": "maskable any"
},
{
"src": "assets/icons/icon-144x144.png",
"sizes": "144x144",
"type": "image/png",
"purpose": "maskable any"
},
{
"src": "assets/icons/icon-152x152.png",
"sizes": "152x152",
"type": "image/png",
"purpose": "maskable any"
},
{
"src": "assets/icons/icon-192x192.png",
"sizes": "192x192",
"type": "image/png",
"purpose": "maskable any"
},
{
"src": "assets/icons/icon-384x384.png",
"sizes": "384x384",
"type": "image/png",
"purpose": "maskable any"
},
{
"src": "assets/icons/icon-512x512.png",
"sizes": "512x512",
"type": "image/png",
"purpose": "maskable any"
}
]
}
question from:
https://stackoverflow.com/questions/65898315/play-store-pwa-tile-too-big 
