如何在我的网站的网站标签旁边创建小图标？

Question

我一直在想如何编写一些我不知道它叫什么的东西.基本上,(我没有足够的声誉来插入图片),它是显示您所在网站的标签旁边的小图标.就像在Facebook上它是"f"与蓝色背景和谷歌是"g"与颜色......:\

谁能帮助我如何在我的网站上实现它以及它叫什么？非常感谢

Answer 1

它被称为favicon.ico,您可以从此站点生成它.

生成图像后,将其添加到`<head>`标记中:`<link rel ="icon"type ="image/png"href ="http://example.com/myicon.png">` (16认同)

Answer 2

这是针对浏览器中的图标(大多数网站省略了类型):

<link rel="icon" type="image/vnd.microsoft.icon"
     href="http://example.com/favicon.ico" />

要么

<link rel="icon" type="image/png"
     href="http://example.com/image.png" />

要么

<link rel="apple-touch-icon"
     href="http://example.com//apple-touch-icon.png">

对于快捷方式图标:

<link rel="shortcut icon"
     href="http://example.com/favicon.ico" />

将它们放在<head></head>部分中.