如何将我的网站徽标作为浏览器标签中的图标图像？

Question

浏览器选项卡中页面标题旁边的图像 - 如何在此处链接图像？

Answer 1

该图像称为" favicon ",它是一个小方形.ico文件,这是favicon的标准文件类型.你可以使用.png或者.gif也可以,但你应该遵循标准以获得更好的兼容性.

要为您的网站设置一个,您应该:

制作徽标的正方形图像(最好是32x32或16x16像素,据我所知,没有最大尺寸*),并将其转换为.ico文件.您可以在Gimp,Photoshop(借助插件)或Favicon.cc或RealFaviconGenerator等网站上执行此操作.
然后,您有两种设置方法:

A)将其放在您网站的根文件夹/目录(旁边index.html)上,并带有名称favicon.ico.

要么

B)在您网站上<head></head>的每个.html文件的标记之间链接它,如下所示:
```
<head>
  <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
</head>
```
Run Code Online (Sandbox Code Playgroud)

如果你想看到favicon来自任何网站,只需写www.url.com/favicon.ico,你会(可能)看到它.Stackoverflow的 favicon是16x16像素,维基百科是32x32.

*:甚至存在浏览器问题,没有文件大小限制.您可以轻松地使用非常大的图标来破坏浏览器,这里有更多信息

Answer 2

它被称为' favicon ',您需要将以下代码添加到您网站的标题部分.

只需将其添加到该<head>部分即可.

<link rel="icon" href="/your_path_to_image/favicon.jpg">

Answer 3

这是favicon,并在链接中进行了解释.

例如来自W3C

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

另外,当然还有适当位置的图像文件.