如何将图标图像添加到浏览器标题栏?

时间:2016-01-09 02:41:23

标签: html css favicon

我知道这个问题已被多次询问,但出于某种原因我无法在浏览器标题栏中添加我的网站图标图片,我已经尝试过了:

`<link rel="shortcut icon" type ="image/x-icon" href="location/image.ico">`

我将该代码放在<head>标记下方的HTML <title>中,但它仍无效。我犯了一个愚蠢的错误,或者是什么?我使用的图像大小为16x16像素,格式为.ico

4 个答案:

答案 0 :(得分:0)

如果您使用问题中提供的html,它应该有效。尝试刷新缓存。

另请访问此页面以获取跨平台支持和优化图像。 RealFaviconGenerator

在页面上还解释了为什么不应该使用实际的* .ico文件。

  

当您的favicon位于根目录中时,RealFaviconGenerator不会生成此代码。这是因为它以某种方式破坏了Chrome等其他浏览器。而且由于IE无论如何都在寻找一个名为favicon.ico的文件,最好的解决方案就是不要谈论它。

Resource

答案 1 :(得分:0)

阅读本文,您可能知道如何处理rel="shortcut icon" considered harmful

如果您希望加载收藏夹,可以直接使用此代码:

<link rel="icon" href="/favicon.ico">

答案 2 :(得分:0)

最初,您必须为您的网站图标文件favicon.ico命名,并且您需要将其上传到您网站的根目录。

示例 - Site: http://www.domain.com Root: http://www.domain.com/ Icon: http://www.domain.com/favicon.ico

现在要求不那么严格,你所拥有的是正确的(只要你记得将图标上传到你的网站)

当前 - <link rel="shortcut icon" href="location/image.ico" type="image/x-icon" />

尝试旧方式,看看你是否得到任何东西。

答案 3 :(得分:0)

您的代码是正确的。尝试使用重新加载按钮。它将刷新捕获并再次加载页面,有可能它应该显示新的图标!

相关问题