如何为网站添加浏览器标签图标(favicon) ?

我一直在做一个网站，我想在浏览器选项卡上添加一个小图标。

我怎么能在HTML中做到这一点，在代码的哪里，我需要把它(例如头)?我有一个。png徽标文件，我想转换为一个图标。

相关:HTML设置图像浏览器选项卡。

当前回答

我建议您尝试http://faviconer.com将您的。png或。gif转换为。ico文件。

您可以在一个. ico文件中创建16x16和32x32(用于新的视网膜显示)。

IE和Firefox没有问题

其他回答

我建议您尝试http://faviconer.com将您的。png或。gif转换为。ico文件。

您可以在一个. ico文件中创建16x16和32x32(用于新的视网膜显示)。

IE和Firefox没有问题

请使用下面的代码在标题部分你的索引文件。

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

对于Chrome浏览器显示页面图标(favicon)，您需要从托管服务器检查您的网站，或者您可以在PC上开发和测试您的网站时使用本地主机。

我没有用过其他的，但https://realfavicongenerator.net/似乎是首选，这里还没有提到它。

它支持svg作为生成favicons的源图像，并提供了用于覆盖不同平台的图像的有用选项。此外，默认情况下，它不会生成大量的图像来向后兼容每个过时的平台。相反，它提供了一些选项来检查是否需要它们。

从开发者发给我的邮件来看，他们还计划增加对生成SVG favicons的支持，以及SVG主题敏感性，我认为这是一个非常棒的功能。

上面有很多复杂的解决方案。给我吗?在将图像大小更改为32 x 32像素后，我使用GIMP保存了原始PNG文件的副本。

只是要确保将其保存为*.ico文件并使用

<link rel="shortcut icon" href="http://sstatic.net/stackoverflow/img/favicon.ico">

上面列出的

推荐文章