“高分辨率图标不存在”-realfavicongenerator

Question

我遇到Android Chrome和Safari丢失的图标错误。

这是我包含在head中的代码，所有图标图标都位于根目录中。

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="192x192" href="/android-chrome-192x192.png">
<link rel="icon" type="image/png" sizes="256x256" href="/android-chrome-256x256.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">

以下是随附图标的列表

android-chrome-192x192
android-chrome-256x256
apple-touch-icon
browserconfig
favicon
favicon-16x16
favicon-32x32
mstile-150x150
safari-pinned-tab
site.webmanifest

Answer 1

在转到资产标签并在旧版

下选中Create all documented icons和Declare the icon in the HTML code后，解决了该问题。