经验分享

网站添加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即可。

相关推荐
  • favicon.ico
  • favicon.ico图标在搜索引擎内不显示

    很多教程教大家给网站添加favicon.ico的代码大部分是:<link rel="shortcut icon" href="/favicon.ico"><link rel="bookmark" href="/favicon.ico">这段代码在大部分浏览器上面都可以显示正常,但是在部分搜索引擎结果页面的有的搜索引擎不显示。比如我...

    经验分享 18 2个月前
  • 网站添加favicon.ico小图标步骤(图文)

    favicon.ico是什么?在网站中favicon.ico就是网站的LOGO缩略标志,它可以显示在浏览器的地址栏、浏览器标签上或者在收藏夹上,是展示网站个性的缩略logo标志。添加favicon.ico步骤1、制作favicon.ico,需要实现准备一张LOGO图片,然后在ICO在线转换工具里,将准...

    经验分享 14 2个月前
  • 关闭favicon.ico" failed (2: No such file or directory)报错日志

    今天看宝塔面板的错误日志,发现很多类似下面的错误记录:XXXXX favicon.ico" failed (2: No such file or directory)提示找不到favicon.ico,favicon.ico是网站的小图标,可有可无,这种错误其实没什么影响,没必要管他。奈何这个错误提示太多了,非常影响我的站...

    服务器配置 15 1年前
最新更新