关于网站图标favicon.ico尺寸大小

  • 内容
  • 评论
  • 相关

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

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

二、部署方法

一般站长的做法,就是将网站图标文件favicon.ico放到网站根目录,就不管了。

其实,为了更好的兼容性,正确的做法应该是在header添加如下的META申明:

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

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

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

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

三、制作方法

①、懒人做法

如果你疲于设计,疲于PS,那么推荐你去彭亚欧同学推荐的图标库,或许可以找到让你钟情的图标:

地址:http://www.easyicon.net/language.zh-cn/

②、自己制作

个性,是一种生活态度,所以大部分人还是会选择自己设计一个网站图标。

当我们已经有满意的图片时,该如何制作成favicon.ico呢?其实,只要一个转换工具即可。受博友委托,特推荐一个他本人精心制作的网站图标转换网站:http://www.faviconico.org/

虽说这种工具烂大街了,但作者很人性化的加上了批量转换和预览的功能,进一步满足多个站点的图标转换和预览需求,所以大家有网站制作需求的话,可以到这个网站去转换。

四、图标大小

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

蛋疼的是,很多人会想当然的认为,这尺寸越大越清晰,展示起来越给力!于是就出现了前文所说的140kb的笑话。

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

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

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

评论

0条评论

发表评论

邮箱地址不会被公开。 必填项已用*标注

10 + 17 =