Android displays a splash screen for PWAs based on the icons and names you provide, but iOS just displays a solid color splash screen for installed PWAs by default.

We'll make a new splash screen image for every iOS device resolution size that we want to support, and then we can make a link tag in index.html to specify those images as the splash screen for each device resolution.

Also, make sure to remove background_color from the manifest - or it may overwrite the splash screen images on iOS.

 

For Splash screen, it use 512*512 image for Andorid.

For IOS we need to add image for splash screen, no other way around currently.

 

First, we must tell iOS that the app is apple-mobile-web-app-capable with a meta tag.

Then we can specify each of those launch images as the image for that resolution.

Finally, in manifest.json, we have to actually remove the "background_color" setting first. Otherwise, that will override all of our images.