经验分享

网站添加favicon.ico小图标步骤(图文)

我的站长站 2023-11-08 人阅读

favicon.ico是什么?

在网站中favicon.ico就是网站的LOGO缩略标志,它可以显示在浏览器的地址栏、浏览器标签上或者在收藏夹上,是展示网站个性的缩略logo标志。

网站添加favicon.ico小图标步骤(图文)

添加favicon.ico步骤

1、制作favicon.ico,需要实现准备一张LOGO图片,然后在ICO在线转换工具里,将准备好的图片转换为favicon.ico

网站添加favicon.ico小图标步骤(图文)

格式随意选,这种工具网上很多。

2、把转换好的favicon.ico下载到本地,然后上传到服务器网站的根目录。

3、最后修改网站的模板,在<head>标签内添加以下代码:

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

这样就完成了,算下浏览器看看效果吧。

注意事项

1、LOGO图片最好是PNG格式的,这样转换后的favicon.ico也会是透明背景的。

2、favicon.ico文件最好就放在根目录,当然也可以是其他地方,但是某些浏览器或搜索引擎可能会识别不到,虽然这并不影响什么。

3、favicon.ico转换尺寸一般为32或64即可。

IT开发经验分享标签