2023-05-12 开启多语言插件支持……

关于favicon.ico的那些事

技术流 苏 demo 3662℃ 0评论

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” />

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

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

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

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

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

 

打赏

转载请注明:苏demo的别样人生 » 关于favicon.ico的那些事

   如果本篇文章对您有帮助,欢迎向博主进行赞助,赞助时请写上您的用户名。
支付宝直接捐助帐号oracle_lee@qq.com 感谢支持!
喜欢 (0)or分享 (0)