如此处所示 - http://imgur.com/a/g72bN
我有几个带图标的网站。然而，我的个人网站只是该网站的第一个字母。
如何添加将在Safari收藏夹中显示的图标？ Favicon没有像我原先想象的那样在这里展示。
答案 0 :(得分：1)
您可以在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/
请记住，图标需要很长时间才能更新，因此您需要等待一段时间。
答案 1 :(得分：0)
您需要设置如下例所示的apple-touch-icon：
<link rel="apple-touch-icon" href="/custom_icon.png">
答案 2 :(得分：0)
将其插入脑中：
<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-icon替换链接，这样它看起来不错而且不模糊