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

29 天前
 mfsw
如题，请诸位大佬指教下：
除了 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>
599 次点击
所在节点    前端开发
6 条回复
cat
29 天前
<link rel="shortcut icon" href="/favicon.png"/>
<link rel="apple-touch-icon" href="/apple-touch-icon.png"/>

我一般就写这两个，都能显示…
mfsw
29 天前
@cat 感谢指点，我试试您的写法。
您这两个图标分辨率都是多少的？
cat
29 天前
favicon.png 64x64
apple-touch-icon.png 180x180
mfsw
28 天前
@cat 放弃了。不知道哪里出了问题。
收藏夹图标就是显示不出来。其他位置的图标没有问题。
感谢 C 大佬指教。
cat
28 天前
@mfsw 换个图片试试？
mfsw
28 天前
@cat 换了很多次图标，都不行。应该不是图标的问题。
比如，我直接下载 youtube 的图标，替换掉我自己的图标，结果就是，油管可以显示收藏夹图标，，我的网站无法显示替换之后的图标。

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1086289

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX