初始屏幕上的渐进式Web App图标非常小

Question

我已经为网站成功创建了PWA，但是将其添加到主屏幕并打开应用程序后，初始屏幕上的图标仍然很小。

我的清单同时具有192x192和512x512的图标，但是正如我从此处阅读的内容（https://developers.google.com/web/updates/2015/10/splashscreen）所述，它选择了128dp的关闭值来显示。由于A2HS标语在清单中需要192x192，这是否意味着启动屏幕图标将始终非常小？没有办法使初始屏幕的图标变大吗？

谢谢！

Answer 1

TL;DR：删除您的 192x192 图标，您的初始屏幕应默认为 512x512 图标。

在 Google Chrome Lighthouse 问题上查看有关审核图标大小的问题，该问题提供以下内容：

...启动画面有 2 种布局。如果您提供的图标 <= 80dp，您将获得“小图标布局”。如果超过 80 dp，您将获得“大图标布局”。初始屏幕的理想尺寸是 128dp。（还有一种使用未提供的图标的方法，虽然不清楚那是什么。）

似乎如果有一个 192x192manifest.json的图标，那么 512x512 的图标将不会被使用。检查上面链接中的评论以进行一些讨论 - 它仍然是一个悬而未决的问题。

我的 PWA 遇到了同样的问题，并测试了删除 192x192 图像而留下 512x512 的问题，并且启动画面图标更大。我想我会尝试使用 1024x1024 并删除 512x512 下一个版本。

编辑：我尝试了 1024x1024 并确认只有 2 个布局取决于 dp。1024x1024 没有显示，并且初始屏幕默认为我在 384x384 时使用的较小的屏幕。

Answer 2

如果您满足以下要求，则会自动显示海关屏幕：

建议

只要您在网络应用清单中满足以下要求，Android 版 Chrome 就会自动显示您的自定义启动画面：

• 该name属性设置为您的 PWA 的名称。
• 该background_color属性设置为有效的 CSS 颜色值。
• 该icons数组指定一个至少为512px x 512px 的图标。
• 该图标存在并且是PNG。

所以这样做并检查这次是否使用了您的 512 png 图像。