favicon.ico图标制作和显示方法

2018年8月26日14:17:24 1 1,035 views

2022云服务器活动

favicon.ico图标是指网站打开后浏览器上的小图标，那么favicon.ico图标如何制作？favicon.ico图标制作好了之后怎么显示出来？新手站长网告诉你ICO图标的制作以及网站显示ICO图标的方法：

一：favicon.ico图标

favicon.ico图标的特点在于.ico后缀，那么这种后缀的图片是如何生成的呢？使用Photoshop？不太麻烦，.ico图标可以在线做，安利大家一款ICO图标在线制作网站：

ICO图标在线制作

网址：www.bitbug.net

favicon.ico图标在线制作

如上图所示，本地制作好图片，直接上传到该网站，可以选择图片尺寸，然后输入验证码即可自动下载生成好的ICO格式图片。

将favicon.ico图标地址引用到网站的<head> </head>标签中即可，以WordPress为例，将下列代码引用网站头部模板header.php文件中的<head> </head>标签中

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

<head>

</head>

请注意favicon.ico的引用地址，一般favicon.ico图片放在网站根目录，也可以自定义放到自己喜欢的目录中，但请注意引用该图标地址一定要正确，否则无法显示。