浏览器标签中页面标题旁边的图像-如何在此处链接图像?
2
关键字是favicon.ico
—
user956584
浏览器标签中页面标题旁边的图像-如何在此处链接图像?
Answers:
该图像称为“ 收藏.ico
夹图标 ”,它是一个小方形文件,是收藏夹图标的标准文件类型。你可以使用.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>
如果您想favicon
从任何网站上查看,只需编写www.url.com/favicon.ico
即可(可能)看到它。Stackoverflow的图标图标为16x16像素,维基百科为32x32。
*:甚至存在浏览器问题,没有文件大小限制。您可能会轻易用一个巨大的网站图标使浏览器崩溃,更多信息请点击这里
这是收藏夹图标,并在链接中进行了说明。
例如来自W3C
<link rel="icon"
type="image/png"
href="http://example.com/myicon.png">
另外,当然,图像文件也位于适当的位置。
将一个名为“ favicon.ico”的图标文件添加到您的网站的根目录。
16x16
px。