Manifest: Adaptive icons on Android 9

Created on 26 Aug 2019 · 5Comments · Source: w3c/manifest

Running:

Android 9
Chrome 76.0.3809.111

Problem:
Icons get squeezed into a round icon.

Screen:
Image of Icons

I tried normal icon, without background and one considering the safe-zone

Used Codesnippet:

{
            "src": "/assets/android-chrome-36x36.png",
            "sizes": "36x36",
            "type": "image/png"
},

Source

TorstenDittmann

Most helpful comment

This is not supported on Android yet for WebAPKs but it is being implemented as we speak. Firefox Preview supports it though and you can test with maskable.app

kenchris on 8 Sep 2019

❤2 👍1

All 5 comments

This appears to be Chrome specific issue, and outside the scope of the spec. CC'ing @kenchris and @dominickng as they might be able to help.

marcoscaceres on 8 Sep 2019

This is not supported on Android yet for WebAPKs but it is being implemented as we speak. Firefox Preview supports it though and you can test with maskable.app

kenchris on 8 Sep 2019

❤2 👍1

Are you using "purpose": "maskable"? All of the stuff in the manifest about the safe zone and the construction of adaptive icons in Android is triggered by the use of that member. It won't work without it.

mgiuca on 9 Sep 2019

Are you using "purpose": "maskable"? All of the stuff in the manifest about the safe zone and the construction of adaptive icons in Android is triggered by the use of that member. It won't work without it.

Same appearance with ["purpose": "maskable"].

Even with maskable.app it creates the icon like above.

With Mozillas Reference Browser it shows the icon like expected. So it is a Chrome specific issue.

Thanks for all of your time.

TorstenDittmann on 9 Sep 2019

Adaptive icon support isn't yet deployed in Chrome on Android. It should hopefully be out soon.