Question

我正在制作一个网络应用程序，当我＆＃34;添加到主屏幕＆＃34;在我的Android设备上，我的应用程序的图标未正确显示。下面是它的截图，下面是图标的真实外观：

这是我网站head标签中的代码：

<link rel="shortcut icon" sizes="192x192" href="mydomain.com/img/site-icon/nice-highres.png">

Answer 1

查看Add to Homescreen页面一段时间，但它并没有真正提及有关图标缩放方式的任何行为，但我找到了一个关于How to Add Icons的教程，在这里，它提到了创建适用于所有屏幕尺寸的图像：

如果您不想创建所有这些图像，至少应该创建更大的分辨率图像。这样他们在高分辨率设备上看起来会很好。较旧的设备会加载最接近所需尺寸的尺寸并将其缩小（如果您想要完全控制并且下载速度最快，这种方法可行但不理想。）

基于此，您可以根据屏幕尺寸自动缩小图标必须。我对此并不十分肯定，但是可能导致图标无法正确缩放的原因是因为rel中的<link..>属性不正确？根据您的代码，它显示为rel="shortcut icon"，而根据添加到主屏幕文档，它应为rel="icon"。

此外，还需要配置来支持主屏幕启动，您可以在其中添加一些<meta>代码（例如，从添加到主屏幕文档）：

<!doctype html>
<html>
   <head>
     <title>Awesome app </title>
     <meta name="viewport" content="width=device-width">
     <meta name="mobile-web-app-capable" content="yes">
     <link rel="icon" sizes="192x192" href="/icon.png">
   </head>
   <body></body>
</html>

小心尝试，让我知道它是否有效。希望这有点帮助。祝你好运

Answer 2

如此处所述（https://www.google.com/design/spec/style/icons.html#icons-system-icons），图标尺寸可能为48dp（对于密集布局而言最少！）。

之后，最大尺寸相对于用户启动器......

我不知道＆＃34;完美＆＃34; px中的尺寸（相对于屏幕），但您可以尝试将其调整为48/48（并且还替换＆＃34;尺寸＆＃34;属性）

Answer 3

在运行Android 4.4.2 Jelly Bean的特定设备上，我发现当图标大于92x92时，主屏幕图标会被切断，即使还提供了92x92。

因此，只需在Jelly Bean设备上生成一个外观漂亮的图标。

<link rel="icon" sizes="92x92" href="/favicon-92.png">

但是以下将导致在Jelly Bean设备上使用favicon-128.png，右侧和底侧被裁剪。但是，这确实适用于较新版本的Android，因为它应该。

<link rel="icon" sizes="128x128" href="/favicon-128.png">
<link rel="icon" sizes="92x92" href="/favicon-92.png">

由于我的网络应用程序针对的是运行Jelly Bean的特定设备，因此我决定只提供92x92图标。对于一般的网站，我建议关注Google's advice并提供低分辨率和高分辨率图标，这可能会导致Jelly Bean设备出现问题。

Answer 4

使用Android Studio调整徽标大小时，它们具有缩放功能。

要设置徽标大小：

1：右键单击应用程序文件夹 2：将鼠标悬停在“新建”上，然后单击“创建图像资产”

然后使用此工具调整大小：

Android网络应用程序图标被切除边缘

4 个答案: