提供zblog模板_zblog主题_wordpress模板的下载和定制
当前位置:网站首页 > 教程 > 正文

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

天兴工作室 2014-11-09 教程 9353 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 位网友评论:

  • 筛宝

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

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

  • 雨夜

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

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

    • 天兴工作室

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

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

取消回复欢迎 发表评论:

  • 请填写验证码
  • 最新文章
  • 热文排行
  • 最多评论
标签聚合
×59zblog模板×35zblog×28zblogphp×20zblogphp模板×20天兴工作室×19阿里云×14zblog插件×14zblog错误×12dedecms×12zblog企业模板×11电子券×11ytcms×11zblog安装×10天兴互联×9随意打×9模板×9zblogphp1.5×8天兴通讯×8刷机×8企业模板

请登录

社交账号登录

将本文分享给你的朋友们