Skip to content

网站 Favicon 图标设置指南

Posted on:April 16, 2023 at 10:04 AM

Favicon 是什么?

Favicon 是 FAVorites ICON 的缩写,即收藏夹图标,叫这个名称是因为最早由 Internet Explorer 用在收藏夹中。现在也可能显示在网页选项卡、地址栏、浏览历史记录、搜索引擎的搜索结果中。可以查看百度百科词条 Favicon

Favicon 的意义

色彩对人的心理有微秒的影响,色彩丰富的 Favicon 更有可能被用户注意并识别。在搜索引擎的搜索结果中,增加被用户点击访问的概率。

如何制作 Favicon ?

由于各种各样的浏览器、操作系统、搜索引擎、Web 开发技术的各种不同的要求,手工制作 Favicon 难免有所疏漏,所以我建议使用 Favicon 生成器来生成 Favicon 。有些 Favicon 生成器甚至可以检测网站 Favicon 的疏漏之处。我推荐 RealFaviconGenerator 。它可以帮你生成适应各种情况的 Favicon 图像文件,你只需要按提示拷贝 HTML 代码和图标文件放置到网站根目录即可。它还可以跟据你提供的网址自动检测网站 Favicon 图标的配置问题。

注意:因为国外网站的原因,RealFaviconGenerator 可能会出现无法选择图片的的问题,稍等一会儿或多刷新几次就好了。

深入学习

强烈推荐博客文章《在 2021 应该怎样配置 Favicon:用六个文件来适配大多数需求》 。这个中文版是 2021 年的,没有更新。你可以访问 2023 年英文原版《How to Favicon in 2023: Six files that fit most needs》 。链接虽然还是 2021 的链接,但是内容已经在 2023 年更新了。