提供zblog模板_zblog主题_wordpress模板的下载和定制

基础篇 网站头像“favicon.ico”设置教程

天兴工作室 2014-11-09 20:53 教程 12753 7 评论


也有朋友在问我们“那个在浏览器上可以显示一个网站logo的那个东西怎么弄?”,本篇教程就简单为大家介绍下。

首先我们来了解下这是个什么东西,先上图,大概是这样的:

基础篇 网站头像“favicon.ico”设置教程 网站头像 favicon.ico 教程 第1张

这几个箭头指向的小图标就是favicon.ico,也叫网站头像,百度百科是这样介绍的:

所谓favicon,即Favorites Icon的缩写,顾名思义,便是其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站。当然,这不仅仅是Favicon的全部,根据浏览器的不同,Favicon显示也有所区别:在大多数主流浏览器如FireFox和Internet Explorer (5.5及以上版本)中,favicon不仅在收藏夹中显示,还会同时出现在地址栏上,这时用户可以拖曳favicon到桌面以建立到网站的快捷方式;除此之外,标签式浏览器甚至还有不少扩展的功能,如FireFox甚至支持动画格式的favicon等。

怎样设置才能让自己的网站也有这个“网站头像”呢?

1、首先我们要制作一张图来做为自己的网站图标,可以用ps做,图做出来后重命名为“favicon.ico“;当然网上也有专门制作这个图标的网站,推荐一个百度排名第一的吧:点击进入,图标制作好之后上传到你网站空间的根目录,一定要注意必须放在根目录;

2、其实到了这一步已经可以了,但是为了规范,我们最好是在网页页头的</head>之前加这么一行代码:

<link href="favicon.ico" type="image/x-icon" rel="icon"/>

PS:不会整代码的朋友可以无视这个步骤。

好了,现在可以在浏览器查看你的”网站头像“是否设置成功了,什么?还是看不到?清空下你的浏览器缓存或者换个浏览器查看,其实也可以等到第二天查看效果的,o(╯□╰)o


没有找到能解决你问题的教程?

您可以试着搜索一下或者直接在线提问。我们也提供收费技术支持,有需要可以在线联系我们。

在线提问 在线客服

7 位网友评论:

  • 天兴工作室网友

    天兴工作室网友 5年前 (2018-12-11) 回复

    根目录是哪里啊

  • 天兴工作室网友

    天兴工作室网友 8年前 (2015-12-08) 回复

    还真的被删了。。

  • 知道91博客

    知道91博客 10年前 (2014-11-12) 回复

    但是有的服务器是不支持,有的浏览器也不支持

    • 天兴工作室

      天兴工作室 10年前 (2014-11-12) 回复

      什么浏览器不支持,应该是很小众的浏览器吧

  • 筛宝

    筛宝 10年前 (2014-11-10) 回复

    之前来过,其实你的博客版式不错。文章也很有启示。今天 再来,望回访。

  • 雨夜

    雨夜 10年前 (2014-11-10) 回复

    哦。难怪我的网站有时候不显示喃。这样哦。

    • 天兴工作室

      天兴工作室 10年前 (2014-11-10) 回复

      你就装吧,大神还看基础教程,O(∩_∩)O哈哈~ o(╯□╰)o

欢迎 发表评论: 取消回复

请填写验证码
  • 最新文章
  • 热文排行
  • 最多评论
标签聚合
  • 登 录
  • 注册账号 忘记密码?
  • 注 册
  • 已有账号?直接登录 忘记密码?
  • 社交账号登录