`

favicon.ico文件详解

    博客分类:
  • html
阅读更多

FAVICON.ICO 是网站图标文件,浏览网站时显示在地址栏前边的那个图标

关于Favicon

  • 总是被命名为favicon.ico
  • 默认存放在网站web根目录。我们常常看到这样的一个请求/favicon.ico
  • 它总是显示在浏览器地址栏,网址的左边
  • 当访问一个页面的时候,不管怎么样,浏览器都会请求这个文件,即/favicon.ico
  • 可以通过在页面的<head>部分加入<link>元素来重新指定它的位置
    <link rel=”shortcut icon” href=http://www.cctv.com/favicon.ico />
  • ico格式可以是不同分辨率的图像,比如16×16, 32×32等。

 

很多网站都不添加favicon.ico这个文件,其实这个文件很重要,高端大气上档次!

favicon.ico的作用(好处)
1、一个简洁美观的favicon是网站、博客的面子,在标签浏览器(Firefox、IE7)中它可以比 title 更醒目,让读者很容易的识别出您的网页,从而增加网站流量。
2、favicon可以给人一种很专业的观感。
3、favicon可以在一定程度上减轻服务器的流量带宽占用。为什么这样说呢?一般为了提高网站的可用性,我们都会为自己的网站创建一个自定义的404错误文件,在这种情况下,如果网站没有相应的favicon.ico文件,每当有用户收藏网站/网页时,Web服务器都会调用这个自定义的404文件,并在网站的错误日志中记录。这显然是应该予以避免的。

 

分享到:
评论

相关推荐

    对web.py设置favicon.ico的方法详解

    本文介绍在web.py中设置favicon.ico的方法: 如果没设置favicon,后台日志是这样的: 127.0.0.1:4133 - - [03/Sep/2015 18:49:53] "HTTP/1.1 GET /favicon.ico" - 303 See Other 由于浏览器会自动去获取这个文件,...

    如何优雅地处理Django中的favicon.ico图标详解

    favicon.ico是网站的图标也是网站的头像,简单来说,就是让我们的网站更加好看。 本文主要给大家介绍了关于优雅处理Django中favicon.ico图标的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的...

    简单谈谈favicon

    favicon.ico介绍 favicon.ico是个什么东西呢,也许见得太多都习以为常了(我就是这样,直到写这篇文章之前才知道),看看维基百科的解释: 复制代码 代码如下: Favicon是favorites icon的缩写,亦被称为website icon...

    Python3网络爬虫中的requests高级用法详解

    本节我们再来了解下 Requests 的一些高级用法,如文件上传,代理设置,Cookies 设置等等。 1. 文件上传 我们知道 Reqeuests 可以模拟提交一些...在上面一节中我们下载保存了一个文件叫做 favicon.ico,这次我们用它为

    vue3修改link标签默认icon无效问题详解

    vue3修改link中标签默认icon,vue3初次使用的时候不好好阅读配置难免会遇到一些坑,本人在项目完结的时候打算把浏览器的导航小icon图标给替换了,可是并没有那么顺利,那么如何在vue3中替换默认的icon(favicon.ico)的...

    nodejs中函数的调用实例详解

    一、调用本js文件中的函数 ... ...charset=utf-8'}); if(request.url!=='/favicon.ico'){ funl(response); response.end(''); } }).listen(8000); console.log('Server running at http://127.0.0.1:80

    详解用node.js实现简单的反向代理

    之前用node.js实现简单的反向代理,最近需要回顾,就顺便发到随笔上了 不多说直接上代码! ... const url = require('url'); const querystring = require('querystring');...== '/favicon.ico') { let content = '',

    vue中使用GraphQL的实例代码

    上篇给大家介绍了Java 使用 Graphql 搭建查询服务详解。这里我们讲讲如何在Vue中使用GraphQL。...│ ├── favicon.ico │ └── index.html ├── src │ ├── assets │ │ └── home.js │ ├─

Global site tag (gtag.js) - Google Analytics