Question

浏览器标签页面标题旁边的图片 - 如何在此处链接图片？

Answer 1

该图片名为'favicon'，它是一个小方形的.ico文件，是favicon的标准文件类型。您也可以使用.png或.gif，但您应该遵循标准以获得更好的兼容性。

要为您的网站设置一个，您应该：

制作徽标的正方形图像（最好是32x32或16x16像素，据我所知，没有最大尺寸*），并将其转换为.ico文件。您可以在Gimp，Photoshop（plugin的帮助下）或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>
```

如果您想从任何网站看到favicon，只需撰写www.url.com/favicon.ico，您就可以（可能）看到它。 Stackoverflow's favicon为16x16像素，Wikipedia为32x32。

*：甚至存在没有文件大小限制的浏览器问题。您可以使用非常大的图标，更多信息here

Answer 2

它被称为“ favicon ”，您需要将以下代码添加到您网站的标题部分。

只需将其添加到<head>部分。

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

Answer 3

这是favicon，并在链接中进行了解释。

e.g。来自W3C

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

另外，当然还有适当位置的图像文件。

Answer 4

<link rel="apple-touch-icon" sizes="114x114" href="${resource(dir: 'images', file: 
'apple-touch-icon-retina.png')}">

或者你可以使用这个

<link rel="shortcut icon" sizes="114x114" href="${resource(dir: 'images', file: 'favicon.ico')}"
type="image/x-icon">

Answer 5

将名为“favicon.ico”的图标文件添加到您网站的根目录。

Answer 6

**<HEAD>**

  < link rel="icon" href="directory/image.png">

然后跑步并享受它