什么是favicon.ico 网站ico图标介绍

2292 浏览

发布于: 2017-12-14 17:59:19

什么是favicon.ico

favicon.ico一般用于作为缩略的网站标志,它显示在浏览器的地址栏、浏览器标签上或者在收藏夹上,是展示网站个性的缩略logo标志,也可以说是网站头像,目前主要的浏览器都支持favicon.ico图标,如果要让网站看起来更专业、更美、更有个性,favicon.ico是必不可少的,你在本站使用ICO图标转换工具就可以轻松将您的网站图标转换成favicon.ico。

favicon转换工具介绍

ico图标在线转换工具能将png、jpg、jpeg、gif等图片的格式转换成ico格式,帮您快速生成精美的ico图标。建议先绘制好您的图标并保存为我们支持的格式,然后用faviconico.org的ico转换工具转换成ico格式。在线工具地址:http://www.91tool.com/ico

如何使用Favicon.ico?

1、将成功生成的图标文件下载并改名为favico.ico,上传到网站根目录。
2、在网站首页的源文件 head 之间插入下面的代码:

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

如何创建动态ico图标

先把做好的gif动态图标命名为favicon.gif,然后再 head 之间加上

  1. <link rel="icon" href="/favicon.gif" type="image/gif" />

强烈建议使用.ico而不是使用png或者gif

1、最重要的就是,所有的浏览器,包括IE5,都支持ico文件,gif、png等都没有ico支持范围广

2、如果有favicon.ico,服务器的404错误会有友好返回,我们测试了所有现代浏览器(测试了 Chrome 4, Firefox 3.5【火狐】, IE8, Opera 10 and Safari 4),发现他们都会请求favicon.ico,这样错误页就会有对应图标显示,所以最好用ico!

3、一个.ico文件可以同时满足多个尺寸的需求,不需要每个尺寸单独生成一个文件

热门文章
最新文章