对于渐进式网络应用,如何指定应在初始屏幕上显示哪个图标?

时间:2017-09-05 06:33:56

标签: javascript progressive-web-apps

我有一个PWA,图标分别为144和512.两者似乎都出现在chrome的应用程序选项卡中,但是当启动画面显示时,图标非常小(我认为它是144图标)。有没有办法指定哪个图标应该用于启动画面?启动画面总是会显示最大的图像吗?

1 个答案:

答案 0 :(得分:0)

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

用于安装到主屏幕是通过使用以下<link>标记之一中找到的最大图标来确定的:

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

<强> 参考:

     

Add to Homescreen - chrome

     

Splash Screen for Installed Web Apps