Html 如何将Safari图标添加到我的网站？

如图所示：

我有几个带有图标的网站。然而，我的个人网站只是网站的第一个字母

---

如何添加将显示在Safari收藏夹中的图标？Favicon并不像我原来想的那样显示在这里

您需要设置apple touch图标，如下例所示：

<link rel="apple-touch-icon" href="/custom_icon.png">

---

您需要设置apple touch图标，如下例所示：

<link rel="apple-touch-icon" href="/custom_icon.png">

---

您可以在浏览器上放置一个图标（称为

favicon

），并将其放在

中：

对于苹果来说：

<link rel="apple-touch-icon" href="touch-icon-iphone.png">
<link rel="apple-touch-icon" sizes="76x76" href="touch-icon-ipad.png">
<link rel="apple-touch-icon" sizes="120x120" href="touch-icon-iphone-retina.png">
<link rel="apple-touch-icon" sizes="152x152" href="touch-icon-ipad-retina.png">

如果您想了解更多信息，请阅读本文：

---

请记住，图标更新需要很长时间，因此您需要等待一段时间。

您可以将图标放入浏览器（称为

favicon

），并将其放入

：

对于苹果来说：

<link rel="apple-touch-icon" href="touch-icon-iphone.png">
<link rel="apple-touch-icon" sizes="76x76" href="touch-icon-ipad.png">
<link rel="apple-touch-icon" sizes="120x120" href="touch-icon-iphone-retina.png">
<link rel="apple-touch-icon" sizes="152x152" href="touch-icon-ipad-retina.png">

如果您想了解更多信息，请阅读本文：

---

请记住，图标更新需要很长时间，因此您需要等待一段时间。

将此信息插入您的头脑中：

<link rel="icon" type="image/png" href="https://cdn.css-tricks.com/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="https://cdn.css-tricks.com/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="https://cdn.css-tricks.com/favicon-96x96.png" sizes="96x96">

---

只需将链接替换为该尺寸的fav图标，使其看起来美观而不模糊

在您的脑海中插入以下内容：

<link rel="icon" type="image/png" href="https://cdn.css-tricks.com/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="https://cdn.css-tricks.com/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="https://cdn.css-tricks.com/favicon-96x96.png" sizes="96x96">

---

只需将链接替换为那个尺寸的fav图标，这样它看起来就很漂亮而且不模糊了

谢谢，我是否要将此添加到我的网站中？是的，在标签上。检查这个网站：好吧，出于某种原因，它似乎仍然不起作用。我添加了以下几行：它只有字母C，没有图标：（，有什么想法吗？@AnthonyPinto Favicon和Icon通常需要很长时间才能更新，所以请稍等。谢谢，我是否要将此添加到网站的“我的”中？是的，在标记中。检查此网站：好的，出于某种原因，它似乎仍然不起作用。我添加了以下行：它只有字母C，没有图标：（，有什么想法吗？@AnthonyPinto Favicon和Icon通常需要很长时间才能更新，所以请稍等。不幸的是，这不起作用，我正在尝试更新。有什么想法吗？文件必须是某种类型，例如不是Png吗？是的，它必须是pngIs it rel=“Icon”或rel=“apple touch Icon”它的意思是我制作的iconOk添加了两者..仍然不起作用，有想法吗？不起作用不幸的是，我正在尝试更新此..有想法吗？文件必须是某种类型，例如不是Png吗？是的，它必须是pngIs它rel=“icon”或rel=“apple touch icon”它的意思是我制作的iconOk添加了两者..仍然不起作用，有想法吗？