自适应图标的 WebApp manifest.json答案

【问题标题】：WebApp manifest.json for adaptive icons自适应图标的 WebApp manifest.json
【发布时间】：2018-12-15 18:28:11
【问题描述】：

我的应用程序是一个网络应用程序，可以添加到主屏幕（例如，通过使用 Google Chrome）。

但是，我想使用 Android Oreo 引入的 自适应图标。目前，我的图标被 Google Pixel Launcher 强制变成一个圆圈：

问：有没有办法在网络应用中使用自适应图标，或者至少是圆形图标？

index.html

<meta name="mobile-web-app-capable" content="yes" />

manifest.json

{
    "short_name": "My app",
    "name": "My app",
    "icons":
    [
        {
            "src": "images/favicon-192px.png",
            "type": "image/png",
            "sizes": "192x192"
        }
    ],
    "display": "standalone",
    "orientation": "portrait",
    "background_color": "#ffffff",
    "theme_color": "#000000"
}

【问题讨论】：

标签： android html web-applications android-8.0-oreo

【解决方案1】：

也许这只能在 Googke Pixel Launcher 上使用？您是否尝试过使用其他启动器？

图标必须是透明的才能成为自适应图标。

您可以发送您当前正在使用的图标吗？

问候，来自 jokela 的开发人员

【讨论】：

我基本上用的是灰色方块。在尝试了一个灰色圆圈之后，我意识到有一些“自动”算法，决定如何处理该图标。这可能会解决我的问题，但对于未来的读者和我自己来说，需要做些什么来创建所需的结果仍然很有趣，而不是我目前正在做的反复试验。