本文说的favicon.ico图标就是浏览器网址左侧的图标,一般存放在网站根目录,路径为/favicon.ico。今天需要给我的一个网站做一个favicon,就来说下这个问题。
如果大家用的是苹果电脑Macbook,浏览网页就经常看到很模糊的favicon图标,这些网站都是使用16x16像素的图标,在windows上可能没什么区别,在Mac上就得至少32x32像素才清晰。火端建议32x32像素并不仅仅是为了考虑Mac环境,其实在一些浏览器的收藏夹,或者一些站长类的网站都是以32x32的像素显示,16像素的就会显示模糊,所以改成32x32还是很有必要的,这样看起来美观多了。
我们访问了多家知名网站,统计了他们正在使用的favicon尺寸
16x16:网易、小米官网、淘宝、优酷、爱奇艺
32x32:新浪、Google、腾讯、搜狗、微博、hao123
48x48:京东、亚马逊
64x64:百度
128x128:微软官网
256x256:支付宝
简单统计了下,还是有很多国内网站是采用16x16,在Mac下的浏览器访问有点不美观。
我们推荐站长们都改一下,提升一点点的用户体验。