仕航软件官网移动端扫一扫,手机更方便
仕航软件微信小程序微信下拉随时打开
仕航软件微信公众号随时获取最新动态
专研网站建设与软件开发18

关于网站图标favicon.ico

发布于2021-4-20
来源仕航软件
浏览量118

网站图标是导航的装饰之一,起到锦上添花的作用,让页面更精美耐看。

一、图标介绍

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

除此之外,标签式浏览器甚至还有不少扩展的功能,如FireFox甚至支持动画格式的favicon等。

 

二、部署方法一般做法就是将网站图标文件favicon.ico放到网站根目录,就不管了。其实,为了更好的兼容性,正确的做法应该是在header添加如下的META申明:

 

... ...

如果,你想展现个性,还可以弄一个动态的网站图标,申明方法如下:

 

当然,不是所有浏览器都支持这种申明,你可以先实际测试看看。

所以,网站建设专家仕航软件強烈推荐使用.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文件可以同时满足多个尺寸的需求,不需要每个尺寸单独生成一个文件。


三、制作方法

简单的方式就是委托网站建设专家仕航软件公司的拥有十余年设计经验的专业设计师进行制作,或自行制作。

 

四、图标大小

很多人并不清楚,网站图标到底做成多大合适,16*16?还是32*32?甚至是128*128?

很多人会想当然的认为,这尺寸越大越清晰,展示起来越给力!

根据网站建设专家仕航软件实际测试,超过32*32,不但效果没有明显改变,而且还会导致某些浏览器无法展示!之前的谷歌网站图标缓存服务器,超过16kb就不会缓存,而是直接展示默认图标。而16*16和32*32的网站图标,实际展示在浏览器标签栏的效果也没有很明显的区别。

但是,受心理作用的影响,部分人依然固执的选择了32*32作为制作网站的网站图标。这个大小是比较和谐的,既照顾了浏览器,也照顾了你的心理。大小一般也就4k多。

所以,对于网站图标的大小,网站建设专家仕航软件给出的建议是16*16或者32*32,再大是完全没有必要的!效果不见涨,还可能影响网站速度。

 

五、图标显示

如果发现网站显示的是默认图标,请检查尺寸和大小是否合格并及时调整;

如果图标尺寸和大小合格,请检查图标文件是否放在网站根目录,或者是否在header加上了META声明;

如果以上确认无误还是显示默认图标,请清理图标缓存。

免费获取方案报价及时快速抢注产品免费快速提交备案7x24小时售后服务一对一专人服务
版权所有成都仕航软件开发有限公司备案号:蜀ICP备12003457号-3川公网安备51010702002535号 R:1.93/365