Why the download files don't working

[Debbl]

Hi, this is very useful tool. I found the download files can't right working on chrome, could you help me check this issue.

I change the purpose to any, it's like working.

there is a seem question

https://stackoverflow.com/questions/56738654/progressive-web-app-manifest-does-not-contain-a-suitable-icon

[phbernard]

Thank you for reporting! How do you get this warning?

FYI, the maskable display is used to produce large icons. With other modes, icons are treated differently. So this issue needs investigation, the display attribute cannot be changed without testing.

[Debbl]

@phbernard There is the test website https://starter-next-app-two.vercel.app/, and relative file https://github.com/Debbl/starter-next-app/blob/main/src/app/manifest.ts

[juliyvchirkov]

@phbernard I'm pretty sure maskable keyword is unrelated with sizes and has been defined for manifest with the only goal to classify an icon that is literally maskable

In turn, any is aimed to represent an icon that is non-maskable. In other words, any regular icon with no maskable capabilities

Long story short, maskable icon is an icon prepared in a special way to let any device to crop this icon (masquerade it) in its own way and after masquerading an icon will still get modern look and feel on any device

Maskable icons allow web developers to specify a full-bleed icon that will be cropped. It’s platform agnostic, so Windows could use them for tiles or iOS could use them for icons. On Android, this lets developers get rid of the default white background around their icons and use the entire provided space by generating adaptive icons

Short article with perfect explanation at css-tricks.com

Web app to review, learn and create own maskable icons in easy way