网站favicon.ico文件的用途很简单,就是在浏览器标签里,最前面显示的那个logo,不过好像很多新手做网站都没有留意这个图标怎么来的,因为编辑器代码里根本不写也会有个默认图片。不过总的来讲,这个图标还是自己定义比价好,起码作为一种“logo”,可以让人一眼就认出你的网站。默认的话,不需要写代码。直接在网站根目录放一个图片文件,ico类型,全名为:favicon.ico。
favicon图标的作用:
手写的话,可以改下名字,html代码如下(href里引用了images路径下的文件地址):
favicon.ico图标大小做多大合适?
网站的favicon.ico图标大小到底做成多大才比较合适?16x16或32x32还是128x128?很多人都想当然的认为,这个favicon.ico图标尺寸越大越清晰,展示起来越给力!但是根据实际测试,超过32x32的favicon.ico图标,不但效果没有明显改变,而且还会导致某些浏览器无法展示。而且之前的谷歌网站图标缓存服务器,超过16kb就不会缓存,而是直接展示默认的图标。而16x16和32x32的网站图标,实际展示在浏览器标签栏的效果也没有很明显的区别。
所以,对于网站favicon.ico图标的大小,建议大家选择16x16或者32x32,再大也是完全没有必要的。效果不见涨,还可能会影响网站速度。
favicon.ico图标的制作
favicon.ico类型的文件生成需要专门的工具,不像PNG这么方便。下面给出本网站的制作favicon.ico的链接:点击进入
下一篇:怎么理解web前端的hack