在 iPhone safari 选择添加到书签后，书签里不显示网站的图标，怎么破？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

如题，请诸位大佬指教下：
除了 safari 的书签和个人收藏这两个位置的图标。其他地方的图标都可以显示。

通过 safari 添加网站到主屏幕，和切换标签时都是可以显示正常的图标的。

chrome 无论是 Windows 桌面版，还是 ios 版，都可以显示图标。

代码如下，请诸位大佬指点下，万分感谢。

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>亮</title>
<link rel="stylesheet" href="form4.css">


<link rel="apple-touch-icon" sizes="180x180" href="favicon/favicon-apple-touch-icon-180x180.png">

<link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="48x48" href="favicon/favicon-48x48.png">
<link rel="icon" type="image/png" sizes="64x64" href="favicon/favicon-64x64.png">
<link rel="icon" type="image/png" sizes="96x96" href="favicon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="120x120" href="favicon/favicon-120x120.png">
<link rel="icon" type="image/png" sizes="128x128" href="favicon/favicon-128x128.png">
<link rel="icon" type="image/png" sizes="152x152" href="favicon/favicon-152x152.png">
<link rel="icon" type="image/png" sizes="167x167" href="favicon/favicon-167x167.png">
<link rel="icon" type="image/png" sizes="180x180" href="favicon/favicon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="favicon/favicon-192x192.png">
<link rel="icon" type="image/png" sizes="512x512" href="favicon/favicon-512x512.png">


</head>

<body>
</body>
</html>

6 条回复 • 2024-11-05 13:11:52 +08:00

cat

3 天前

mfsw

3 天前

@cat 感谢指点，我试试您的写法。
您这两个图标分辨率都是多少的？

cat

3 天前

favicon.png 64x64
apple-touch-icon.png 180x180

mfsw

2 天前

@cat 放弃了。不知道哪里出了问题。
收藏夹图标就是显示不出来。其他位置的图标没有问题。
感谢 C 大佬指教。

cat

2 天前

@mfsw 换个图片试试？

mfsw

2 天前

@cat 换了很多次图标，都不行。应该不是图标的问题。
比如，我直接下载 youtube 的图标，替换掉我自己的图标，结果就是，油管可以显示收藏夹图标，，我的网站无法显示替换之后的图标。