【发布时间】:2017-09-05 06:33:56
【问题描述】:
我有一个 PWA,其图标位于 144 和 512。两者似乎都出现在 chrome 的应用程序选项卡中,但是当启动屏幕显示时,图标非常小(我认为它是 144 图标)。有没有办法指定启动屏幕应该使用哪个图标?启动画面会始终显示最大的图像吗?
【问题讨论】:
标签: javascript progressive-web-apps
我有一个 PWA,其图标位于 144 和 512。两者似乎都出现在 chrome 的应用程序选项卡中,但是当启动屏幕显示时,图标非常小(我认为它是 144 图标)。有没有办法指定启动屏幕应该使用哪个图标?启动画面会始终显示最大的图像吗?
【问题讨论】:
标签: javascript progressive-web-apps
我建议始终将 192 像素作为最小尺寸图标,并创建 3 个其他版本,分别为 256 像素、384 像素和 512 像素。但是,如果您想确保用户不会为启动画面下载太多数据,尤其是在低密度设备上,那么您可以降低,Chrome 将尝试获取最合适的图像。
用于安装到主屏幕是通过使用在以下<link> 标记之一中找到的最大图标来确定的:
<link rel="icon" sizes="192x192" href="nice-highres.png"> (recommended)
<link rel="icon" sizes="128x128" href="niceicon.png">
参考:
【讨论】: