本页目录

网站浏览器图标,简称 favicon,主要用于显示在浏览器的左上角,当你的网站被添加到浏览器收藏栏时也会显示,以此增加用户对网站的识别度。每个网站都可以设置 favicon。
除此之外,标签式浏览器甚至还有不少扩展的功能,如 FireFox 甚至支持动画格式的 favicon 等。
- 参考链接:详情
什么是站点图标?
站点图标是您会在浏览器标签、收藏夹和 WordPress 移动应用中看到的图标。
favicon.ico 一般用于作为缩略的网站标志,它显示在浏览器的地址栏、浏览器标签上或者在收藏夹上,是展示网站个性的缩略 logo 标志,也可以说是网站头像,目前主要的浏览器都支持 favicon.ico 图标,
如果要让网站看起来更专业、更美、更有个性,favicon.ico 是必不可少的。
Favicon 是 favorites icon 的缩写,亦被称为 website icon(网页图标)、page icon(页面图标)或 urlicon(URL 图标)。
制作图标
首先,你得有一个 favicon.ico 的文件,尺寸比例推荐为 1:1,一般是 100 像素 X100 像素,可以使用各种工具进行图像的制作。
以下是推荐信息:
- **尺寸:**120 像素 X120 像素
- **名称:**favicon
- **格式:**ico
您可以通过以下网站将您的图片制作成 ico 格式
方法一(推荐)
您可以将 favicon.ico 这个文件上传到网站根目录,也就是:域名/favicon.ico,下图所示是 WordPress 程序的 favicon.ico 位置。

最后,再次刷新你的浏览器,会发现 favicon 已经显示,如果没有立即显示,请换个浏览器查看,或者清除浏览器缓存即可。
注:favicon.ico 只需要放到网站根目录,并不需要添加到程序中,浏览器会直接通过你的域名调取这个文件。
方法二
在您的 #WordPress#后台 - 外观 - 自定义 - 站点身份 - 站点图标中,可直接上传您的网站图标,只要是图片格式均可。

锦上添花
为了更好的兼容性,可以在 header 添加如下的 META 申明
<head>...<link rel="shortcut icon" href="/favicon.ico" /><link rel="bookmark" href="/favicon.ico" type="image/x-icon" />...</head>如果,你想展现个性,还可以弄一个动态的网站图标,申明方法如下(有兼容问题):
<link rel="icon" href="/favicon.gif" type="image/gif" />
