CODEWITHSUNDEEP
iconsprogressive-web-appsappicon
Laurens Swart
Laurens Swart

Reputation: 1249

Splash screen and Install dialog show black background behind app icon

I'm having trouble with the icon that is shown for my PWA as:

See splash screen: (it's already fading out to the app a little bit, sorry about that):

https://i.sstatic.net/5BqXU.png

And the Install dialog:

https://i.sstatic.net/VGuZJ.png

My icons (up to 512x512) are just circular, with transparent backgrounds. I created them using a PWA icon generator website. The icon looks like this:

https://i.sstatic.net/ykmYG.png

Does anyone know why the icon is shown with a black background in the splash screen and in the Install app dialog?

My app manifest declares both the title bar color and the background color as #fafafa (almost white).

Thanks for the help!

Upvotes: 2

Views: 867

Answers (1)

rcrahul
rcrahul

Reputation: 131

I changed png to jpg image. It works for me
{ "src": "icon-48x48.jpg", "sizes": "48x48", "type": "image/jpg", "purpose": "maskable any" },

Upvotes: 0

Related Questions