Android Web App图标被删除
[英]Android web app icon being cut off the edges
问题描述
我正在制作一个Web应用程序，并且当我在Android设备上“添加到主屏幕”时，我的应用程序图标无法正确显示。 下面是它的屏幕截图，下面是图标的真实外观：
这是我网站标题标签中的代码：
<link rel="shortcut icon" sizes="192x192" href="mydomain.com/img/site-icon/nice-highres.png">
4 个解决方案
解决方案1
3 已采纳 2016-04-01 07:42:16
在“ 添加到主屏幕”页面上浏览了一会儿，但实际上并没有提及图标缩放的任何行为，但是我在此处找到了有关如何添加图标的教程，其中提到了创建可用于所有屏幕尺寸的图像：
如果不想创建所有这些图像，则至少应创建较大分辨率的图像。 这样，它们将在高分辨率设备上看起来不错。 较旧的设备将加载最接近其所需大小的可用大小并缩小它们 （此方法可行，但如果要完全控制和最快的下载速度，则不理想）。
基于此，您可以假定图标必须根据屏幕尺寸自动缩小。 我对此不太确定，但是可能导致图标无法正确缩放的原因是因为<link..>的rel属性不正确？ 根据您的代码，它显示为rel="shortcut icon"而根据添加到主屏幕文档，则应为rel="icon" 。
另外，还需要一种配置来支持主屏幕启动，在其中添加一些<meta>标记，如下所示（从Add to Homescreen doc中 ）：
<!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>
请尝试一下，让我知道它是否有效。 希望这会有所帮助。 祝好运
解决方案2
0 2016-03-31 07:01:52
如此处所述（ https://www.google.com/design/spec/style/icons.html#icons-system-icons ），图标尺寸可能为48dp（对于密集布局，至少要这样！）。
之后，最大尺寸相对于用户启动器...
我不知道px（相对于屏幕）的“完美”尺寸是多少，但是您可以尝试将尺寸调整为48/48（并替换“ sizes”属性）
解决方案3
0 2016-10-05 17:58:31
在运行Android 4.4.2 Jelly Bean的特定设备上，我发现，即使同时提供了92x92，主屏幕图标也会在图标大于92x92时被截断。
因此，只要这样做，就会在Jelly Bean设备上产生漂亮的图标。
<link rel="icon" sizes="92x92" href="/favicon-92.png">
但是下面的操作将导致在果冻豆设备上使用favicon-128.png，并裁剪右侧和底部。 但是，这确实可以在较新版本的Android上运行。
<link rel="icon" sizes="128x128" href="/favicon-128.png">
<link rel="icon" sizes="92x92" href="/favicon-92.png">
由于我的Web应用程序针对运行Jelly Bean的特定设备，因此我决定仅提供92x92图标。 对于一般的网站，我建议您遵循Google的建议并提供低分辨率和高分辨率图标，这可能会在Jelly Bean设备上引起问题。
解决方案4
0 2019-10-21 23:24:47
当您使用Android Studio调整徽标大小时，它们具有缩放功能。
调整徽标大小：
1：右键单击应用程序文件夹2：将鼠标悬停在“新建”上，然后单击“创建图像资产”
然后使用此工具调整大小：
为什么我的应用程序图标的边缘被切除？
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.