LiveSplitOne Increase Padding around App Icon

When you save the site as an app, it uses one of many auto generated icons. At the moment this icon has way too little padding around it. We might want to increase the padding in the original image (which may negatively impact other uses of the icon), or look into whether our webpack plugin is configurable in some way.

Jul 15 '21 10:07 CryZe

You could add a maskable icon. (https://web.dev/maskable-icon/) There is additional documentation here: https://w3c.github.io/manifest/#icon-masks

Jul 15 '21 14:07 shenef

Seems like they have an open PR here: https://github.com/itgalaxy/favicons/pull/323

Jul 24 '21 12:07 CryZe

@CryZe @shenef

Another way to resolve this issue would be to use "apple-touch-icon" in the HTML file. <link rel="apple-touch-icon" href="/path/to/icon.png">

What do you think about this icon btw?

This is how it would look like on iOS.

Mar 15 '23 19:03 WebSnke