Question

嗨，有些人因为某些原因我的favicon只适用于Firefox，但不适用于Chrome或IE。这就是我在HTML中的内容..

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

我无法理解为什么它不起作用？干杯

Answer 1

试用此代码（必须与Chrome和Firefox配合使用）

<head>
  <link rel="shortcut icon" type="image/x-icon" href="Title_icon_file.ico" />
  <title>Title goes here</title>
</head>

或

<head> <link rel="icon" type="image/vnd.microsoft.icon" href="http://www.example.com/image.ico">`</pre> <title>Title goes here</title> </head>

我建议最多将尺寸保持在16x16或64x64左右。

您可以使用任何照片编辑应用程序或http://www.favicon.cc/等在线应用程序来执行此操作。

维基百科有一篇关于该主题的精彩文章： Favicon

以及此页面CROSS BROWSER FAVICONS

Answer 2

<强> Reference

根据您使用的文件类型，以下是在精心构建的Web浏览器中添加favicon的标准方法。

<link rel="icon" type="image/png" href="http://www.example.com/image.png">
<link rel="icon" type="image/gif" href="http://www.example.com/image.gif">
<link rel="icon" type="image/jpeg" href="http://www.example.com/image.jpg">
<link rel="icon" type="image/vnd.microsoft.icon" href="http://www.example.com/image.ico">

Internet Explorer 7＆amp;以下

MSIE不支持PNG，GIF和JPEG类型图标，仅支持ICO文件。要生成.ice文件，请查看动态驱动器图标生成器。获得ICO文件后，您可以使用以下代码在IE5，IE6或IE7中添加favicon。

<link rel="shortcut icon" href="http://www.example.com/image.ico" /> <link rel="address bar icon" href="http://www.example.com/image.ico">

跨浏览器方法

我发现最好的跨浏览器方法假设你有主要浏览器的PNG，GIF或JPEG，以及用于IE7及以下版本的后备ICO文件。

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

同时检查What is currently the best way to get a favicon to display in all browsers that support Favicons?

Answer 3

通常，我喜欢保留兼容性选项 - 因此请使用.ico文件。就尺寸选项而言，.ico文件实际上可以包含多个版本的图像。

当我有艺术品导出时，我通常以256 x 256的形式进行，并使用图标生成器，例如iConvert Icons（基于Mac），它会自动生成不同文件大小和位深度的各种图像。 / p>

为什么我的所有浏览器都没有显示我的图标

3 个答案: