对于渐进的Web应用程序,我如何指定应在Splash屏幕上显示哪些图标



我的PWA带有144和512的图标。两者似乎都出现在Chrome的"应用程序"选项卡中,但是当Splash屏幕显示时,图标确实很小(我认为是144图标)。有没有办法指定应将哪个图标用于飞溅屏幕?飞溅屏幕会始终显示最大的图像吗?

我建议始终以192px作为最小尺寸图标,并以256px,384px和512px创建其他3个版本。但是,如果您想确保用户不会为Splash屏幕下载太多数据,尤其是在低密度设备上,您可以降低, Chrome 将尝试获取最合适的图像。

使用以下<link>标签之一中的最大图标确定用于安装到房屋屏幕:

<link rel="icon" sizes="192x192" href="nice-highres.png">    (recommended)
<link rel="icon" sizes="128x128" href="niceicon.png">    

参考:

添加到房屋屏幕-Chrome

已安装的Web应用程序的飞溅屏幕

最新更新