我一直在做一些关于获取webapp的研究，我正在努力在正确的情况下显示正确的图标/图块。我们的徽标版本是透明的.ICO，我们一直用于浏览器标签中显示的图标。背景没有边框，只有标签的灰色标签。 现在我们希望用户能够为我们的应用添加主屏幕链接。此链接的图标应为灰色背景下的徽标。
对于苹果来说这很容易：
<link rel="apple-touch-icon" href="css/touch-icon-iphone.png" />
加上我们想要添加的任何其他尺寸。 apple-touch前缀使单独的文件变得容易。
然而，Android正在提出一个问题。目前Android将接受苹果触摸图标，但这列为折旧，不会很快。 （https://developer.chrome.com/multidevice/android/installtohomescreen#icon）用于添加用于Android的图标（Chrome是唯一关注的）的元标记列为：
<link rel="icon" sizes="192x192" href="icon-name-192.png">
<link rel="icon" sizes="128x128" href="icon-name-128.png">
当浏览器看到它时，这显然会覆盖图标。这意味着如果我给这些图像提供所需的灰色背景，那么浏览器标签中的图标将显示灰色方块。如果这些是透明的，那么当我在ANdroid上添加桌面时，我会得到没有灰色方块的图标。
我错过了什么吗？这似乎是一个非常常见的请求，但我找不到解决方案。我尝试查看其他网站的元数据，其中favicon似乎是透明的，但桌面版本显示为灰色/其他颜色，但我没有看到任何额外的标签，所以我假设他们使用的是苹果触控版，如上所述，目前仍然合法。
处理这个问题的方法是什么？
答案 0 :(得分：1)
rel="shortcut icon"可能就是你要找的东西