html - 如何将 Safari 图标添加到我的网站？-6ren

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

转载作者：行者123 更新时间：2023-11-28 16:00:01

如此处所示 - http://imgur.com/a/g72bN

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

如何添加将出现在 Safari 收藏夹中的图标？ Favicon 并没有像我原先想象的那样显示在这里。

最佳答案

您可以在您的 favicon 中将一个图标放入您的浏览器(称为 <head> ) :

<link rel="shortcut icon" type="image/png" href="/favicon.png"/>

对于苹果:

<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">

如果您想了解更多信息，请阅读这篇文章:https://css-tricks.com/favicon-quiz/

请记住，图标需要很长时间才能更新，因此您需要稍等片刻。

关于html - 如何将 Safari 图标添加到我的网站？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40324199/